小编ext*_*boy的帖子

我试图将参数传递到我的路线，但当它到达我的商店时action，它给了我undefined错误！

我尝试更改参数名称，也尝试将其放入$route.params.id方法中并从那里调用它，但仍然没有效果！

如图vue-dev工具所示

早餐.vue

<router-link to="/menu/add/1" tag="h2" class="pull-right">Add Menu</router-link>

菜单添加.vue

methods: {
  ...mapActions(['addMenu']),
  addMenuItem() {
    this.addMenu(this.menu, this.$route.params.typeId);
  }
}

路由器.js

{ path: '/menu/add/:typeId', component: MenuAdd }

状态

state: {
    menu: [],
    breakfastMenu: [],
    lunchMenu: [],
    dinnerMenu: []
  }

行动

addMenu: ({ commit }, { name, price, description }, typeId) => {
  commit('ADD_MENU', { name, price, description }, typeId);
  alert('Menu Successfully Added');
}

突变

'ADD_MENU': (state, { name, price, description }, typeId) => {
   state.menu.forEach((element) …