之前認(rèn)為uniapp是基于vuejs的，跳轉(zhuǎn)得用vue router。但是目前只開放小程序，就想著用小程序的<navigator>標(biāo)簽和wx.navigateTo（uniapp編譯會(huì)報(bào)錯(cuò)阁簸，但是小程序能運(yùn)行），才發(fā)現(xiàn)uniapp有集成這些方法哼丈。而且在組件里看到了popup組件启妹，就自己寫的toast和showModal，才發(fā)現(xiàn)在交互反饋 里有彈框（因?yàn)橹八阉黜撁娑际撬褟椏蜃淼砸恢睕]找到）
uni.navigateTo(OBJECT)
保留當(dāng)前頁面饶米，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面，使用uni.navigateBack可以返回到原頁面车胡。
//在起始頁面跳轉(zhuǎn)到test.vue頁面并傳遞參數(shù)
uni.navigateTo({
url: 'test?id=1&name=uniapp'
});
通過option獲取url的參數(shù)
// 在test.vue頁面接受參數(shù)
export default {
onLoad: function (option) { //option為object類型檬输，會(huì)序列化上個(gè)頁面?zhèn)鬟f的參數(shù)
console.log(option.id); //打印出上個(gè)頁面?zhèn)鬟f的參數(shù)。
console.log(option.name); //打印出上個(gè)頁面?zhèn)鬟f的參數(shù)匈棘。
}
}
標(biāo)簽
<navigator :url="'/pages/test/test?item='+ id"></navigator>
uni.redirectTo(OBJECT)
關(guān)閉當(dāng)前頁面丧慈，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面。
uni.redirectTo({
url: 'test?id=1'
});
uni.reLaunch(OBJECT)
關(guān)閉所有頁面主卫，打開到應(yīng)用內(nèi)的某個(gè)頁面伊滋。
uni.reLaunch({
url: 'test?id=1'
});
通過option獲取url的參數(shù)
export default {
onLoad: function (option) {
console.log(option.id);
}
}
uni.switchTab(OBJECT)
跳轉(zhuǎn)到 tabBar 頁面，并關(guān)閉其他所有非 tabBar 頁面队秩。
uni.switchTab({
url: '/pages/index/index'
});
uni.showToast(OBJECT)
顯示消息提示框笑旺。
uni.showToast({
title: '標(biāo)題',
duration: 2000
});
uni.hideToast()
隱藏消息提示框。
uni.hideToast();
uni.showLoading(OBJECT)
顯示 loading 提示框, 需主動(dòng)調(diào)用 uni.hideLoading 才能關(guān)閉提示框馍资。
uni.showLoading({
title: '加載中'
});
uni.showModal(OBJECT)
顯示模態(tài)彈窗筒主，類似于標(biāo)準(zhǔn) html 的消息框：alert、confirm鸟蟹。
uni.showModal({
title: '提示',
content: '這是一個(gè)模態(tài)彈窗',
success: function (res) {
if (res.confirm) {
console.log('用戶點(diǎn)擊確定');
} else if (res.cancel) {
console.log('用戶點(diǎn)擊取消');
}
}
});
