14 uni中的导航跳转

1、利用navigator进行跳转

<navigator url="/pages/message/index?info='薪资'">跳转至信息页,并传递参数</navigator>
<navigator url="/pages/cart/cart" open-type="switchTab">跳转至购物车</navigator>
<!--跳转至tabBar页面需要添加open-type="switchTab"属性 -->    

<script>
    export default {
        onLoad(options){
            console.log(options); //{info:"薪资"}  获取传递的参数
        }
    }
</script>

2、编程式跳转

<button @click="goInfo">跳转至信息页</button>
<button @click="goCart">跳转至购物车</button>

<script>
    export default {
        methods:{
            goInfo(){
                uni.navigateTo({
                    url:"/pages/message/index?info='技术'"
                })
            },
            goCart(){
                uni.switchTab({ //跳转至tabBar页面
                    url:"/pages/cart/cart"
                })
            }
        }
    }
</script>

 

3、数据存储