vue 同级页面跳转,查询和返回
当一个列表中需要跳转同级页面时,原型是这样的点击查询分配比例按钮,需要跳转到同级页面的,可以说是这条数据详情里面去,看到网上各种方法,但是可能是因为是初学者,一个都没有实验成功,最后做出来是这样的,附上代码首先,先写两个模块,即第一个主页面,和需要跳转的页面,包裹两个div,第一个div中写入 v-if=“loginType === 'query”此处参考https://ww...
·
当一个列表中需要跳转同级页面时,原型是这样的
点击查询分配比例按钮,需要跳转到同级页面的,可以说是这条数据详情里面去,
看到网上各种方法,但是可能是因为是初学者,一个都没有实验成功,最后做出来是这样的,附上代码
首先,先写两个模块,即第一个主页面,和需要跳转的页面,包裹两个div,
第一个div中写入 v-if=“loginType === 'query” 此处参考https://www.cnblogs.com/zsy/p/6492588.html
在第二个div中写入 v-else 连个div之间不能有其他的标签,不然识别不出来。
这个是我的跳转按钮,
这样 template里面就写完了
再 return 中加入
说实话,我也不知道这个有没有用,反正就加上去了。
ViewDetails(data){
console.log('this.Id', data.Id)
this.Id =data.Id;
this.Code = data.Code;
if(this.loginType=='query'){
this.loginType='back';
this.Proportions()
}
else{
this.loginType='query'
}
},
Back(){
if(this.loginType=='back'){
this.loginType='query';
this.toDoSearch()
}
else{
this.loginType='back'
}
},
我的需要传的是ID 和 code 根据个人情况
this.Proportions() 、 this.toDoSearch()、是我的查询功能
this.toDoSearch()
就是主页面的查询功能 返回的时候查询主页面的查询功能和接口
最后结果
Id传入了
这样就好了。
反正到现在我也不知道兄弟组件是咋弄的。
以上为个人学习记录。
更多推荐
已为社区贡献4条内容
所有评论(0)