在将要跳转页面的位置添加点击事件,在事件中写出要传入的参数.
(我使用的循环,所以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就可以在其他位置拿到传递的数据
//最后将你拿到的数据进行赋值,调用即可
}
}