页面跳转传参（跳转到下个页面）

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

(我使用的循环，所以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就可以在其他位置拿到传递的数据//最后将你拿到的数据进行赋值，调用即可}
}

页面跳转传参（跳转到下个页面）相关推荐

编程式跳转+传参并接收
主要的功能就是跳转+传参跳转主要是通过$router.push(编程式跳转)来实现,传参是在跳转的时候一起带过去这边用的是使用params传参(类似post) 这是跳转前的代码(相关操作已体现) ...
Android:页面跳转传参方式一，页面跳转传参方式二
一.页面跳转传参方式一跳转的过程如何传参:也就是页面之间如何传递参数,有点像函数调用如何传参,页面跳转也要传参. 复制一个工程你要跳转,(现在的代码如下),intent 既然能设置跳转到哪个页面 ...
vue中页面跳转传值_vue 页面跳转传参
页面之间的跳转传参,正常前端js里写 window.location.href="xxxxx?id=1" 就可以了: 但是vue不一样需要操作的是路由history,需要用到 V ...
vue 传参微信_小猿圈web前端之微信小程序页面间跳转传参方式总结
原标题:小猿圈web前端之微信小程序页面间跳转传参方式总结最近小程序发展的越来越快,很多大公司也在打造自己的小程序平台以及购物小程序等等,今天小猿圈web前端讲师就总结了关于微信小程序的知识点,首先 ...
小程序开发页面跳转传参问题
小程序开发页面跳转传参问题 1.简单值 let id=1; wx.navigateTo({ url:'/pages/mypage/mypage?id='+id }) 取值另一个页面 onload:f ...
vue 跳转页面带对象_vue 页面跳转传参
页面之间的跳转传参,正常前端js里写 window.location.href="xxxxx?id=1" 就可以了: 但是vue不一样需要操作的是路由history,需要用到 V ...
JS 跳转到新页面并用post传参
JS 跳转到新页面并用post传参今天在开发的过程中有一个需求,要求:打开一个新的页面同时传参. 这个不难实现 <a> 标签就可以实现,但它却是使用 get方式传参,这种直接将参数拼接 ...
路由配置url跳转传参_如何配置路由器以进行网络范围的URL记录
路由配置url跳转传参 Don't be in the dark about who is visiting what web sites on your LAN. Use our two-prong ...
vue中路由传参方式之二（this.$router.push进行编程式路由跳转传参）
this.$router.push进行编程式路由跳转传参 router中路由配置组件home点击传参组件homeDetails接受参数 router中路由配置 params第一种传参路由配置 {p ...
母子页的iframe传参跳转，参数需要编码
背景: 我的项目是一个正常html嵌套了一个iframe, 项目需要传参后,改变iframe的src属性值,实现显示不同的页面说明: 再不传值的时候显示是这样的传值后显示所传值的页面例如页面值是 ...

页面跳转传参（跳转到下个页面）

页面跳转传参（跳转到下个页面）相关推荐

最新文章

热门文章