Vue页面间传值

同级传参的两种方式

1.query穿参，或者params传参

使用 this.$router.push({path: ‘/’, query: {参数名: ‘参数值’})

this.$router.push({name: ‘/’, params: {参数名: ‘参数值’})

注意1： 使用params时不能使用path

接收：

       var b = this.$route.params.参数名
       var b = this.$route.query.参数名

注意2：实用params去传值的时候，在页面刷新时，参数会消失，用query则不会有这个问题。

• 例子：由A向B 跳转

在A列表跳转页

		//点击事件
		goToSDetails:function (id) {
		  this.$router.push({
		    path:'./release',
		    query:{
		      nameId:this.list[id].nameCn},
		  })
		},

B详情页

		created:function(){
		  this.getParams();
		},
		watch: {
		  // 监测路由变化,只要变化了就调用获取路由参数方法将数据存储本组件即可
		  '$route': 'getParams'
		},
		methods:{
		  getParams:function(){
		    // 取到路由带过来的参数
		    var routerParams = this.$route.query.nameId
		    // 将数据放在当前组件的数据内
		    console.log("传来的参数=="+routerParams)
		    this.textareText = routerParams
		  },
		}