vue 跳转页面传参的时候参数值为undefined的解决方法

错误代码如下：

跳转之前的页面：

clickScan(index,row) { this.$router.push({ path: '/biz/AssociationAcitvityEnroll', params: { associationId: row.associationId } }) },

跳转之后的页面

mounted: function () { this.associationId = this.$route.params.associationId console.log(this.associationId) },

我们会发现this.assocationId的值为undefined，原因是在跳转之前没有给name属性的值， 正确的代码如下：

跳转之前的页面：

clickScan(index,row) { this.$router.push({ name: '社团活动',//这里必须有，没有的话传过去的值为undefined path: '/biz/AssociationAcitvityEnroll', params: { associationId: row.associationId } }) },

name属性值就是你在router文件夹下，index.js文件中配置路由中的name属性