重定向前的 vue2 路由器链接

Question

我正在使用

Vue2

。在显示所有项目的粗略列表中，并希望通过单击操作重定向到另一个页面

edit button

我用

<router-link :to="{ name: 'beneficiary_form'}"><i class="fas fa-edit"></i> Edit</router-link>

这是一个更新功能，我需要在链接中传递 id。

使用

vuex

保存

beneficiary_id

。

this.add({
         beneficiary_id        : data.id,                    
});

如何在重定向到

beneficiary_id

页面之前添加

beneficiary_form

？

我改变了代码

<a  href="javascript:void(0)" @click="handleEdit(beneficiary.id)"><i class="fas fa-edit"></i> Edit</a>

 handleEdit(id){
            this.add({
                beneficiary_id        : id,
            });
            console.log(this.$route.name);
            history.pushState(
                    {},
                    null,
                    route('beneficiary_form')
                );
        },

这给出了错误

route('beneficiary_form')

未找到

Answer 1

如果你使用VueRouter并且配置正确，就可以使用

router.push({ name: 'beneficiary_form' });

然后在表单页面就可以从vuex获取

beneficiary_id

。

参见 Vue 路由器编程导航文档