vue项目如何利用watch监听路由变化,下面编程教程网小编大家了解一下实现代码!
监听方法一:
watch:{
$route(to,from){
console.log(to.path);
}
},
监听方法二:
watch: {
$route: {
handler: function(val, oldVal){
console.log(val);
},
// 深度观察监听
deep: true
}
},
监听方法三:
watch: {
'$route':'getPath'
},
methods: {
getPath(){
console.log(this.$route.path);
}
}
以上是编程学习网小编为您介绍的“vue项目如何利用watch监听路由变化”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vue项目如何利用watch监听路由变化
基础教程推荐
猜你喜欢
- .net 获取浏览器Cookie(包括HttpOnly)实例分享 2024-04-15
- AjaxFileUpload+Struts2实现多文件上传功能 2023-02-14
- ajax分页查询详解 2023-01-31
- Vue中使用import进行路由懒加载的原理分析 2024-02-09
- Vue使用Swiper封装轮播图组件的方法详解 2024-03-31
- vue节流实现 2023-10-08
- ajax实现修改功能 2023-02-01
- CSS隐藏页面元素的5种方法 2024-01-21
- 第1天:选择什么样的DOCTYPE 2022-11-04
- 简单实现ajax拖拽上传文件 2023-02-15