uni-app 页面跳转

第一种  事件跳转 

<view class="uni-link-item">点我跳转</view>

<script>
    methods: {
        openinfo(e) {
            uni.navigateTo({
                url: '/pages/info/index?name=1',
            });
        }
    }
    // 注意url有长度限制,过长会导致参数传递失败,可用encodeURIComponent方式解决。
    <navigator :url="'/pages/info/index?item='+ encodeURIComponent(JSON.stringify(item))">    
    </navigator>

    // 接受参数
    onLoad: function (option) {
        const item = JSON.parse(decodeURIComponent(option.item));
    }
</script>

参数获取

export default {
    onLoad: function (option) { //option为object类型,会序列化上个页面传递的参数
        console.log(option.name); //打印出上个页面传递的参数。
    }
}

第二种 标签跳转

<navigator url="/pages/info/index" open-type="navigate">
     <view class="uni-link-item">点我跳转</view>
</navigator>

 

注意:跳转到 tabBar 页面只能使用 switchTab 跳转

uni.switchTab({
    url: '/pages/index/index'
});

 

攻城狮Lee丶 CSDN认证博客专家 小区编程大赛银奖 幼儿园网络顾问 植发门店终身会员
一个奇葩的程序员,外冷内热,有点闷骚 ,生活状态下是个逗比,工作时是个完美主义者。....................
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符 “速评一下”
©️2020 CSDN 皮肤主题: 猿与汪的秘密 设计师:上身试试 返回首页
实付 19.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值