1、给⽗页⾯跳转的地⽅设置事件

//原来的页⾯上展⽰的信息

//要跳转过去的页⾯⽤隐藏来代替

2、JS部分

data() {

addShow: false //设置要显⽰的页⾯部分默认为false，隐藏 checkdDistributor: null, },

methods: { // 编辑按钮

handleEdit(index,row){

this.checkdDistributor = row; //接受传参

this.addShow = true; // addshow为要显⽰的页⾯ } }

watch: {

// 带参数编辑

checkdDistributor(){

for(let attr in this.formData){

this.formData[attr] = ('' + this.checkdDistributor[attr]); //写⼊参数 } } },

3、最后上效果图

补充：

vue router-link跳转传值⽰例1、router-link

2、routes路由

export default new Router({ routes: [ {

path: '/',

name: 'Index', component: Index }, {

path: '/deitail', name: 'deitail', component: deitail } ]})

3、取值

{{$route.params.freezeMon}}

4、⼩结：router-link跳转传值要注意的地⽅ * to前⾯要加:

* to后⾯{中的name值要与路由中的name值⼀致 * 下⾯的这种⽅式是错误的