使用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 相关文章推荐
IE下JS读取xml文件示例代码
Aug 05 Javascript
js css后面所带参数含义介绍
Aug 18 Javascript
jquery选择器之内容过滤选择器详解
Jan 27 Javascript
jQuery中after()方法用法实例
Dec 25 Javascript
Javascript与jQuery方法的隐藏与显示
Jan 19 Javascript
JS运动相关知识点小结(附弹性运动示例)
Jan 08 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
Sep 26 Javascript
Javascript this 函数深入详解
Dec 13 Javascript
JS前端加密算法示例
Dec 22 Javascript
vue-resource调用promise取数据方式详解
Jul 21 Javascript
解决低版本的浏览器不支持es6的import问题
Mar 09 Javascript
jQuery扩展方法实现Form表单与Json互相转换的实例代码
Sep 05 jQuery
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等比例缩放图片及剪切图片代码分享
2016/02/13 PHP
ThinkPHP中create()方法自动验证实例
2017/04/26 PHP
完美的php分页类
2017/10/24 PHP
jquery.post用法示例代码
2014/01/03 Javascript
Javascript实现的Map集合工具类完整实例
2015/07/31 Javascript
JavaScript对象数组排序函数及六个用法
2015/12/23 Javascript
浅谈JS中的三种字符串连接方式及其性能比较
2016/09/02 Javascript
IONIC自定义subheader的最佳解决方案
2016/09/22 Javascript
微信公众号菜单配置微信小程序实例详解
2017/03/31 Javascript
nodejs接入阿里大鱼短信验证码的方法
2017/07/10 NodeJs
javascript中神奇的 Date对象小结
2017/10/12 Javascript
javascript实现电脑和手机版样式切换
2017/11/10 Javascript
vue 虚拟dom的patch源码分析
2018/03/01 Javascript
node.js到底要不要加分号浅析
2018/07/11 Javascript
优雅的处理vue项目异常实战记录
2019/06/05 Javascript
vue 自定义右键样式的实例代码
2019/11/06 Javascript
Vue SSR 即时编译技术的实现
2020/05/06 Javascript
原生JS实现记忆翻牌游戏
2020/07/31 Javascript
Python使用htpasswd实现基本认证授权的例子
2014/06/10 Python
对于Python中线程问题的简单讲解
2015/04/03 Python
在Python的Django框架中显示对象子集的方法
2015/07/21 Python
详解Django+Uwsgi+Nginx 实现生产环境部署
2018/11/06 Python
django实现模型字段动态choice的操作
2020/04/01 Python
python 使用多线程创建一个Buffer缓存器的实现思路
2020/07/02 Python
英国工作场所设备购买网站:Slingsby
2019/05/03 全球购物
Conforama瑞士:家具、厨房、电器、装饰
2020/09/06 全球购物
Java 中访问数据库的步骤?Statement 和PreparedStatement 之间的区别?
2012/06/05 面试题
什么是URL
2015/12/13 面试题
中专毕业自我鉴定
2013/10/16 职场文书
中文专业学生自我评价范文
2014/02/06 职场文书
2014年幼儿园元旦活动方案
2014/02/13 职场文书
数控专业自荐书范文
2014/03/16 职场文书
社团活动总结格式
2014/08/29 职场文书
推销搭讪开场白
2015/05/28 职场文书
诗词赏析-(浣溪沙)
2019/08/13 职场文书
如何通过一篇文章了解Python中的生成器
2022/04/02 Python