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

错误代码如下：

跳转之前的页面：

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

跳转之后的页面

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

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

跳转之前的页面：

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

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

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

html页面url中文传值乱码,URL传参时，中文参数乱码的解决方法
URL传参时,中文参数乱码的解决: 今天在工作中遇到了这样的一个问题,在页面之间跳转时,我将中文的参数放入到url中,使用location进行跳转传参,但是发现接收到的参数值是乱码.我的代码是这样写的 ...
解决微信小程序跳转页面传参有特殊字符。
传参的时候转换JSON,另一边接收会因为特殊字符而报错. 解决方法: 传参的时候用encodeURIComponent进行编码 let arr=encodeURIComponent(JSON.stri ...
微信小程序跳转页面传参是出现错误Unexpected end of JSON inpu
页面跳转时出现"SyntaxError:Unexpected end of JSON input"错误的原因是因为JSON的解析出现了错误解决办法在跳转页面先将数组或对象转换用 ...
vue跳转页面传对象
***传参*** let arr=encodeURIComponent(JSON.stringify(i)) 把字符串作为 URI 组件进行编码.wx.navigateTo({url: '/pages ...
vue调用函数怎么传参_Vue(非)父子组件的传值以及方法调用
1.vue父组件给子组件传值的方法子组件中通过props接收传值 props:{ username:{ type:String, default:"" } } 2.vue父组件调 ...
VUE 页面传参、页面跳转
方案一:query参数传递 1.router定义 routes: [{path: '/soft',name: '软件详情',component: PannelContent}, ] 2.页面参数接收 ...
vue加载html传参,Vue页面跳转时传参总结
1 路由跳转 &圈是的编小久据直请结未屏屏会气机页实应高lt;router-link to="/login"&gt能调页代事求都学是功发解开宗这维视如间请前框来 ...
微信小程序开发：学习笔记[8]——页面跳转及传参
微信小程序开发:学习笔记[8]--页面跳转及传参页面跳转一个小程序拥有多个页面,我们可以通过wx.navigateTo推入一个新的页面.在首页使用2次wx.navigateTo后,页面层级会有三层 ...
vue页面传参（多个参数传值）与接参 - 代码篇
index.js路由规则设定: /searchResult/syyName=:syyName 发送页面: //传参页面 this.$router.push({name: 'SearchResult', ...

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

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

最新文章

热门文章