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'
});