Question

有什么方法可以链接路线列表：

// router.js
export default new Router({
   routes: [
      { path: '/', component: Page },
      { path: '/page1', component: Page1 },
      { path: '/page2', component: Page2 },
   ]
})

...到存储中的变量：

// store.js
export default new Vuex.Store({
   state: {
      routes_list: []
   }
})

？

Answer 1

您需要为列表添加一个吸气剂。像这样：

export default new Vuex.Store({
   state: {
      routes_list: []
   },
  getters: {
    routesList: state => {
      return state.routes_list;
    }
  }
})

然后，您可以将商店导入到router.js中，并使用创建的getter来接收列表：

// maybe your path is different
import Store from '@/store/index';
export default new Router({
   routes: Store.getters.routesList
})

我没有测试路由器代码，也许您需要做一些更正。

如何将路线列表与商店变量链接？

1 个答案: