宝哥软件园

vue.js使用watch监控路线变化的方法

编辑:宝哥软件园 来源:互联网 时间:2021-08-31

除了监控数据的变化,watch还可以监控路由的变化

效果如下:

绝对代码

当路由改变时,在watch中编写特定的业务逻辑

Letvm=newvue ({el:' # app ',data: {},router,watch : { ' $ route . path ' : function(new val,old val){ if(new val=='/log in '){ console . log(')} if(new val=='/register '){ console . log('欢迎来到注册页面');} } } })

下面单独介绍一下Vue监控路由变化的代码,具体代码如下:

Watch:{ //监听路由更改$ route (to,from) {console.log (to,from)//to,from分别表示跳转到哪里,这是一个object //to.path(表示跳转到eg: /home的路由的地址);}}摘要

以上就是边肖给大家介绍的vue.js使用watch监控路线变化的方法。希望对你有帮助。如果你有任何问题,请给我留言,边肖会及时回复你的!

更多资讯
游戏推荐
更多+