界面之间的参数传递在 开发中经常会用到,这节主要将一下uni-app开发应用是的传参情况。如下图所示,我的一级界面将点检分成三类:日点检、周点检和年保养;在点击相应的会导航到相应的功能。
在uni-app中常用的方法有uni.navigateTo(OBJECT)、uni.redirectTo(OBJECT);简单的理解就是uni.navigateTo(OBJECT)方法会在跳转的时候将页面推至堆栈,返回是能够找到上级页面;而ni.redirectTo(OBJECT)是关闭当前页,跳转到目标页面,不会将页面推至堆栈;因此果断选择uni.navigateTo(OBJECT)。
如果没有动画效果,简单的跳转直接在url路径中增加参数,多个参数用&连接即可。下面是官网的一个简单例子:
一级页面
//在起始页面跳转到test.vue页面并传递参数
uni.navigateTo({url: 'test?id=1&name=uniapp'
});
跳转页面使用参数
// 在test.vue页面接受参数
export default {onLoad: function (option) { //option为object类型