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

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

(我使用的循环,所以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就可以在其他位置拿到传递的数据
        //最后将你拿到的数据进行赋值,调用即可
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值