2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 页面跳转传参(跳转到下个页面)

页面跳转传参(跳转到下个页面)

时间:2019-07-22 12:11:28

相关推荐

页面跳转传参(跳转到下个页面)

在将要跳转页面的位置添加点击事件,在事件中写出要传入的参数.

(我使用的循环,所以item就可以得到我将要跳转的参数)

<uni-tr v-for="(item,index) in dataList" :key="index"><uni-td align="center">{{index+1}}</uni-td><uni-td align="center"><text style="color: #007AFF;" @click="jump(item)">详情</text></uni-td></uni-tr>

点击事件

//只需要传递一个参数的话jumpPage(item) {uni.navigateTo({url: './juspils?jumpList' + jumpList});}// 传递两个及以上的参数jumpPage(item) {// console.log(item);var jumpList = {...this.dataInfo,//我也用到了定义好的数据,学在前面可以使后面的相同属性覆盖前面的course:item.course,Class:item.class,grade:item.grade,};console.log(jumpList);//用来查看数据uni.navigateTo({url: './juspils?jumpList=' + JSON.stringify(jumpList)// 使用两个及以上需要用上JSON.stringify();//'./juspils'为原路径,一定要写 = ,否则拿到的数据会有问题});},

即将跳转的页面

//使用onLoad生命周期或者onshow都可以onLoad:function(option){// console.log(option.searchInfo);// option.jumpList为你传入的多个参数},methods: {//我这里要使用接口,实现调用接口实现视图变化async getInfo2() {let searchJson = JSON.parse(this.options.searchInfo);//将参数转化为javaScript对象,使用this.options.searchInfo就可以在其他位置拿到传递的数据//最后将你拿到的数据进行赋值,调用即可}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。