uniapp 全局混入:监听路由变化,路由变化即执行
uniapp 全局混入:监听路由变化,路由变化即执行
在uni-app中,可以使用onShow和onHide方法来监听页面的显示和隐藏,但如果需要全局监听路由变化,可以使用onLoad和onUnload方法。
-
以下是一个全局监听路由变化的示例:
// 在main.js中 Vue.mixin({onLoad() {// 页面加载时触发console.log('页面加载: ' + this.$route.path);},onUnload() {// 页面卸载时触发console.log('页面卸载: ' + this.$route.path);},onShow() {// 页面显示/切入前台时触发console.log('页面显示: ' + this.$route.path);},onHide() {// 页面隐藏/切入后台时触发console.log('页面隐藏: ' + this.$route.path);} });
这样,每个页面都会混入这些生命周期方法,当路由发生变化时,就会打印相应的日志。这是一个简单的全局监听路由变化的方法,可以在实际项目中根据需要进行扩展和应用。
完结。