失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue中watch监听路由传来的参数变化

vue中watch监听路由传来的参数变化

时间:2021-01-12 02:23:56

相关推荐

vue中watch监听路由传来的参数变化

一个组件内写了个编程路由,通过交互触发

this.$router.push({name: "Result",query: {// 发送搜索词给resulttitle: this.inputVal,},

在接收参数的路由组件中watch内

watch: {// 监视搜索词变化"$route.query.title": {immediate: true,handler() {this.search();},},},

这样直接监视传来的参数有效

如果用data接收参数,在监视就没效

在data内

data() {return {searchVal:this.$route.query.title,}}watch: {// 监视搜索词变化searchVal: {immediate: true,deep: true,handler() {console.log("a");this.search();},},},

深度监视也无效

如果觉得《vue中watch监听路由传来的参数变化》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。