uniapp—uni-list-item跳转页面及传参

template部分:

            <uni-list>
                <uni-list-item :show-extra-icon="true" showArrow :extra-icon="extraIcon" title="个人资料" link="navigateTo"
                    :to="`/pages/tabBar/my/myInfo?userInfo=`+JSON.stringify(userInfo)" />
            </uni-list>

提一嘴:严格以json字符串形式传递数据,所以对象数据类型需要用JSON.stringify(对象)

script部分:

data() {
            return {
                extraIcon: {
                    color: '#dbdbdb',
                    size: '22',
                    type: 'gear-filled'
                },
                userInfo: {

                        name:'lff',

                        age:18

                },
            }
        },

跳转后页面接收传递数据userInfo:

        onLoad(option) {
            this.userInfo = JSON.parse(option.userInfo)
        },

提一嘴:既然要正常使用对象数据类型,就记得用JSON.parse()转换回来哟~

                                                                                                        后记:致记性不太好的Finelen~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值