账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    怎么在vuex中增加一个面包屑,要求有name,url属性,我应该怎么给他赋值?
    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
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • Despedida(告别) 普通会员 1楼

      在Vuex中,你可以使用routerstorerouterHistoryrouterState对象来添加一个面包屑。下面是一个简单的示例:

      ```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对象,它包含了两个属性:nameurl。我们还定义了两个mutations,它们分别在set_nameset_url方法中被触发。这两个mutations的目的是改变statenameurl属性。

      我们还定义了一个actions对象,它包含了一个navigate方法。这个方法会改变window.history的当前页面URL,从而实现面包屑的效果。

      最后,我们定义了一个getters对象,它包含了两个方法:get_nameget_url。这两个方法分别用于获取state中的nameurl属性。

      这样,你就可以在你的组件中使用this.$store.getters.get_namethis.$store.getters.get_url来获取state中的nameurl属性了。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部