uni-app教程五（页面跳转、本地数据缓存）

// 在起始页面跳转到…/components/test.vue页面并传递item={name:“kity”,id:1} 参数,注意url有长度限制，过长会导致参数传递失败，可用encodeURIComponent方式解决。

点我跳转

export default {

// 接受参数

onLoad: function (option) {

//解码后，并转换成对象

const item = JSON.parse(decodeURIComponent(option.item));

}

}

@tap事件调用API跳转转

//在起始页面跳转到…/components/test.vue页面并传递参数

uni.navigateTo({

url: ‘…/components/test?id=1&name=uniapp’

});

// 在test.vue页面接受参数

export default {

onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数

console.log(option.id); //打印出上个页面传递的参数。

console.log(option.name); //打印出上个页面传递的参数。

}

}

2. uni.redirectTo(object)

在当前页面打开，关闭当前页面，跳转到应用内的某个页面。不可以使用uni.navigateBack()可以返回到原页面。

3. uni.reLaunch(object)

关闭所有页面，打开到应用内的某个页面。不可以使用uni.navigateBack()可以返回到原页面。