使用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 相关文章推荐
用js遍历 table的脚本
Jul 23 Javascript
jQuery的.live()和.die() 使用介绍
Sep 10 Javascript
js实现两个值相加alert出来精确到指定位
Sep 25 Javascript
jquery及js实现动态加载js文件的方法
Jan 21 Javascript
JavaScript File API文件上传预览
Feb 02 Javascript
JavaScript中函数声明与函数表达式的区别详解
Aug 18 Javascript
获取jqGrid中选择的行的数据
Nov 30 Javascript
原生js实现仿window10系统日历效果的实例
Oct 31 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
Jan 09 Javascript
vscode 开发Vue项目的方法步骤
Nov 25 Javascript
layui使用form表单实现post请求页面跳转的方法
Sep 14 Javascript
Javascript如何递归遍历本地文件夹
Aug 06 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
php后退一页表单内容保存实现方法
2012/06/17 PHP
PHP 输出URL的快捷方式示例代码
2013/09/22 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
jQuery学习笔记之DOM对象和jQuery对象
2010/12/22 Javascript
jQuery实现密保互斥问题解决方案
2013/08/16 Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
2013/12/13 Javascript
Angular用来控制元素的展示与否的原生指令介绍
2015/01/07 Javascript
js闭包所用的场合以及优缺点分析
2015/06/22 Javascript
AngularJS基础 ng-readonly 指令简单示例
2016/08/02 Javascript
使用Ajax与服务器(JSON)通信实例
2016/11/04 Javascript
javascript入门之window对象【新手必看】
2016/11/22 Javascript
分享一道关于闭包、bind和this的面试题
2017/02/20 Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
2017/05/27 Javascript
基于jquery日历价格、库存等设置插件
2020/07/05 jQuery
Vue.js常用指令的使用小结
2017/06/23 Javascript
浅谈Angular单元测试总结
2019/03/22 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
2019/08/23 Javascript
Node.js API详解之 dgram模块用法实例分析
2020/06/05 Javascript
Python中的lstrip()方法使用简介
2015/05/19 Python
Python 实现简单的电话本功能
2015/08/09 Python
Python中方法链的使用方法
2016/02/23 Python
Python循环语句中else的用法总结
2016/09/11 Python
Python生成器定义与简单用法实例分析
2018/04/30 Python
Python面向对象程序设计之类的定义与继承简单示例
2019/03/18 Python
python list数据等间隔抽取并新建list存储的例子
2019/11/27 Python
关于python中的xpath解析定位
2020/03/06 Python
Tensorflow之梯度裁剪的实现示例
2020/03/08 Python
python cv2.resize函数high和width注意事项说明
2020/07/05 Python
Python读取xlsx数据生成图标代码实例
2020/08/12 Python
用CSS禁用输入法(CSS3 UI规范)实例解析
2012/12/04 HTML / CSS
Wilson体育用品官网:美国著名运动器材品牌
2019/05/12 全球购物
欧克利英国官网:Oakley英国
2019/08/24 全球购物
环境工程毕业生自荐信
2013/11/17 职场文书
销售员未完成销售业绩的检讨书
2014/10/12 职场文书
2014年污水处理厂工作总结
2014/12/19 职场文书
爱护公物主题班会
2015/08/17 职场文书