vue this.$router.go(-1); 或者 this.$router.back() 返回时怎么带参数
原创
©著作权归作者所有:来自51CTO博客作者qq593b783858edc的原创作品,请联系作者获取转载授权,否则将追究法律责任
1、声明一个 空的Vue模块 goBackEntity
import Vue from 'vue'
/**
* 定义空的vue实例,作为 goBackEntity实现非父子组件之间的通信(vue2.x中去掉了broadcast)
*/
var goBackEntity = new Vue({});
export default goBackEntity;
2、在需要传参数的页面
import eventBus from '../../utils/goBackEntity.js';
goBack(value){
eventBus.$emit('id',value); //传递一个map,id是key,value是value
this.$router.go(-1);
},
3、在接收页面
import eventBus from '../../utils/goBackEntity.js';
activated(){
//根据key名获取传递回来的参数,data就是map中对应的key'id'的值
goBackEntity.$on('id', function(data){
console.log(data,"data");
}.bind(this));
},