- 35
- 0
import Vuex from 'vuex';
Vue.use(Vuex);
const store = () => new Vuex.Store({
state: {
breadcrumb: [{}],
},
mutations: {
beforeRoute(state, arr) {
state.breadcrumb = arr;
}})
怎么在vuex中增加一个面包屑,要求有name,url属性,我应该怎么给他赋值?
- 共 0 条
- 全部回答
-
Despedida(告别) 普通会员 1楼
在Vuex中,你可以使用
router和store的routerHistory和routerState对象来添加一个面包屑。下面是一个简单的示例:```javascript import Vue from 'vue'; import Vuex from 'vuex';
Vue.use(Vuex);
export default new Vuex.Store({ state: { name: '', url: '' }, mutations: { set_name(state, name) { state.name = name; }, set_url(state, url) { state.url = url; } }, actions: { navigate(name, url) { window.history.pushState({ name, url }, '', window.location.href); } }, getters: { get_name(state) { return state.name; }, get_url(state) { return state.url; } } }); ```
在这个示例中,我们定义了一个
state对象,它包含了两个属性:name和url。我们还定义了两个mutations,它们分别在set_name和set_url方法中被触发。这两个mutations的目的是改变state的name和url属性。我们还定义了一个
actions对象,它包含了一个navigate方法。这个方法会改变window.history的当前页面URL,从而实现面包屑的效果。最后,我们定义了一个
getters对象,它包含了两个方法:get_name和get_url。这两个方法分别用于获取state中的name和url属性。这样,你就可以在你的组件中使用
this.$store.getters.get_name和this.$store.getters.get_url来获取state中的name和url属性了。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
