使用watch监听路由变化和watch监听对象的实例


Posted in Javascript onFebruary 24, 2018

一、watch监听路由变化

解决办法:

export default{
data(){
return{}
},
watch:{
"$route":"getPath" // 监听事件
},
methods:{
getPath(){
let path = this.$roune.path; //或得当前路径
进行逻辑判断
}
}
}

二、watch监听对象

例子:

<el-select v-model="form.region" placeholder="请选择">
   <el-option
     v-for="item in rootCategory" :key="item.id"
     :label="item.name"
     :value="item.id">
   </el-option>
</el-select>
export default{
data(){
return{ 
form:{ 
region:""
}
}
},
watch:{
'form.region':function(newValue,oldValue){
console.info(newValue);
console.info(oldValue);
}
}
}

以上这篇使用watch监听路由变化和watch监听对象的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
[原创]网络复制内容时常用的正则+editplus
Nov 30 Javascript
基于JQuery的抓取博客园首页RSS的代码
Dec 01 Javascript
css样式标签和js语法属性区别
Nov 06 Javascript
js密码强度校验
Nov 10 Javascript
详解Javascript继承的实现
Mar 25 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
Aug 09 Javascript
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
Apr 10 jQuery
AngularJS实现单一页面内设置跳转路由的方法
Jun 28 Javascript
Vue 中对图片地址进行拼接的方法
Sep 03 Javascript
Vue数据双向绑定底层实现原理
Nov 22 Javascript
React 并发功能体验(前端的并发模式)
Jul 01 Javascript
javascript进阶篇深拷贝实现的四种方式
Jul 07 Javascript
vue watch监听对象及对应值的变化详解
Feb 24 #Javascript
解决Vue不能检测数组或对象变动的问题
Feb 24 #Javascript
vue将对象新增的属性添加到检测序列的方法
Feb 24 #Javascript
jQuery实现碰到边缘反弹的动画效果
Feb 24 #jQuery
vue cli webpack中使用sass的方法
Feb 24 #Javascript
vue-cli常用设置总结
Feb 24 #Javascript
JS处理一些简单计算题
Feb 24 #Javascript
You might like
CI框架中libraries,helpers,hooks文件夹详细说明
2014/06/10 PHP
使用PHP+AJAX让WordPress动态加载文章的教程
2015/12/11 PHP
php解析mht文件转换成html的实例
2017/03/13 PHP
php实现支付宝当面付(扫码支付)功能
2018/05/30 PHP
JavaScript中的View-Model使用介绍
2011/08/11 Javascript
JS中setInterval、setTimeout不能传递带参数的函数的解决方案
2013/04/28 Javascript
js open() 与showModalDialog()方法使用介绍
2013/09/10 Javascript
如何在指定的地方插入html内容和文本内容
2013/12/23 Javascript
使用nodejs开发cli项目实例
2015/06/03 NodeJs
bootstrap flask登录页面编写实例
2016/11/01 Javascript
jQuery实现文字自动横移
2017/01/08 Javascript
jQuery实现弹幕效果
2017/02/17 Javascript
深入理解vue Render函数
2017/07/19 Javascript
关于JavaScript语句后面的分号问题
2017/12/07 Javascript
JS实现提示框跟随鼠标移动
2019/08/27 Javascript
在JavaScript中查找字符串中最长单词的三种方法(推荐)
2021/01/18 Javascript
Python内置的字符串处理函数整理
2013/01/29 Python
python取代netcat过程分析
2018/02/10 Python
一条命令解决mac版本python IDLE不能输入中文问题
2018/05/15 Python
python中for用来遍历range函数的方法
2018/06/08 Python
Python使用Selenium模块实现模拟浏览器抓取淘宝商品美食信息功能示例
2018/07/18 Python
PyQt5实现QLineEdit添加clicked信号的方法
2019/06/25 Python
python 实现图片上传接口开发 并生成可以访问的图片url
2019/12/18 Python
Pyecharts绘制全球流向图的示例代码
2020/01/08 Python
Python GUI库PyQt5图形和特效样式QSS介绍
2020/02/25 Python
python pymysql库的常用操作
2020/10/16 Python
使用CSS3制作倾斜导航条和毛玻璃效果
2017/09/12 HTML / CSS
努比亚手机官网:nubia
2016/10/06 全球购物
中国最大隐形眼镜网上商城:视客眼镜网
2016/10/30 全球购物
Lou & Grey美国官网:主打舒适性面料服饰
2017/12/21 全球购物
Notino瑞典:购买香水和美容产品
2019/07/26 全球购物
const和static readonly区别
2013/05/20 面试题
员工辞职信范文
2015/03/02 职场文书
教师病假条范文
2015/08/17 职场文书
写一个Python脚本自动爬取Bilibili小视频
2021/04/24 Python
聊聊基于pytorch实现Resnet对本地数据集的训练问题
2022/03/25 Python