vue.js使用watch监听路由变化的方法
作者:章鱼喵_ 时间:2024-05-10 14:16:22
watch除了可以监听数据的变化,路由的变化也能被其监听到
效果如下:
具体代码
当路由发生变化后,在watch中写具体的业务逻辑
let vm = new Vue({
el: "#app",
data: {},
router,
watch: {
'$route.path': function (newVal, oldVal) {
if (newVal === '/login') {
console.log('欢迎进入登录页面');
}
if (newVal === '/register') {
console.log('欢迎进入注册页面');
}
}
}
})
下面在单独给大家介绍下Vue 监听路由变化的代码,具体代码如下所述:
watch:{ //监听路由变化
$route( to , from ){
console.log( to , from )
// to , from 分别表示从哪跳转到哪,都是一个对象
// to.path ( 表示的是要跳转到的路由的地址 eg: /home );
}
}
总结
以上所述是小编给大家介绍的vue.js使用watch监听路由变化的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
来源:https://www.jianshu.com/p/6fbf743ca3f9
标签:vuejs,watch,监听
0
投稿
猜你喜欢
Python中使用PyHook监听鼠标和键盘事件实例
2022-03-23 16:53:22
Python 利用argparse模块实现脚本命令行参数解析
2022-12-01 16:11:55
一文弄懂MySQL索引创建原则
2024-01-14 07:38:25
asp下用OracleInProcServer完成对Oracle的连接和操作
2008-04-13 07:10:00
将自己的数据集制作成TFRecord格式教程
2022-02-01 14:49:37
python实现图像边缘检测
2022-03-17 15:35:11
python取均匀不重复的随机数方式
2022-07-06 15:28:02
asp.net 为FCKeditor开发代码高亮插件实现代码
2023-09-26 00:30:16
浅谈Django2.0 加xadmin踩的坑
2022-03-03 11:00:24
Golang多线程刷票的实现代码
2024-02-05 23:08:47
SQL Server 高性能写入的一些经验总结
2024-01-21 10:46:37
python中virtualenvwrapper安装与使用
2022-07-28 03:21:52
Python之父谈Python的未来形式
2022-02-05 11:10:42
Python实现关键路径和七格图计算详解
2022-04-25 12:17:46
浅谈Python中re.match()和re.search()的使用及区别
2022-05-11 12:48:44
python多进程控制学习小结
2021-08-31 00:48:57
Django数据库迁移常见使用方法
2024-01-17 09:57:26
Centos8(最小化安装)全新安装Python3.8+pip的方法教程
2022-11-09 06:00:27
Python线程创建和终止实例代码
2022-06-29 11:01:34
使用python在本地电脑上快速处理数据
2022-07-30 14:43:11