使用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 相关文章推荐
JavaScript表单常用验证集合
Jan 16 Javascript
JavaScript获取路径设计源码
May 22 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
May 29 Javascript
Javascript闭包与函数柯里化浅析
Jun 22 Javascript
javascript设计模式Constructor(构造器)模式
Aug 19 Javascript
JS+CSS实现下拉刷新/上拉加载插件
Mar 31 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
Jul 26 Javascript
jQuery控制input只能输入数字和两位小数的方法
May 16 jQuery
layer更改皮肤的实现方法
Sep 11 Javascript
小程序新版订阅消息模板消息
Dec 31 Javascript
vue学习笔记之slot插槽基本用法实例分析
Feb 01 Javascript
小程序自定义轮播图圆点组件
Jun 25 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
《OVERLORD》第四季,终于等到你!
2020/03/02 日漫
基于header的一些常用指令详解
2013/06/06 PHP
PHP中的use关键字概述
2014/07/23 PHP
php中删除数组的第一个元素和最后一个元素的函数
2015/03/07 PHP
PHP开发APP端微信支付功能
2017/02/17 PHP
php和nginx交互实例讲解
2019/09/24 PHP
laravel通用化的CURD的实现
2019/12/13 PHP
PHP网站常见安全漏洞,及相应防范措施总结
2021/03/01 PHP
javascript入门·对象属性方法大总结
2007/10/01 Javascript
jQuery select操作控制方法小结
2010/05/26 Javascript
js整数字符串转换为金额类型数据(示例代码)
2013/12/26 Javascript
node.js中的fs.chown方法使用说明
2014/12/16 Javascript
JavaScript设计模式之装饰者模式介绍
2014/12/28 Javascript
jQuery基于muipicker实现仿ios时间选择
2016/02/22 Javascript
Bootstrap3制作图片轮播效果
2016/05/12 Javascript
jQuery中的on与bind绑定事件区别实例详解
2017/02/28 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
2017/03/02 Javascript
es6数值的扩展方法
2019/03/11 Javascript
详解如何模拟实现node中的Events模块(通俗易懂版)
2019/04/15 Javascript
Nodejs异步流程框架async的方法
2019/06/07 NodeJs
微信小程序地图实现展示线路
2020/07/29 Javascript
[04:49]期待西雅图之战 2016国际邀请赛中国区预选赛WINGS战队赛后采访
2016/06/29 DOTA
python实现简单的TCP代理服务器
2014/10/08 Python
Python实现抓取页面上链接的简单爬虫分享
2015/01/21 Python
在Python中处理列表之reverse()方法的使用教程
2015/05/21 Python
python中Matplotlib实现绘制3D图的示例代码
2017/09/04 Python
使用python爬虫实现网络股票信息爬取的demo
2018/01/05 Python
使用python实现kNN分类算法
2019/10/16 Python
如何基于Python制作有道翻译小工具
2019/12/16 Python
Python之关于类变量的两种赋值区别详解
2020/03/12 Python
python 6行代码制作月历生成器
2020/09/18 Python
HTML5实现视频直播功能思路详解
2017/11/16 HTML / CSS
秘鲁购物网站:Linio秘鲁
2017/04/07 全球购物
仪器仪表检测毕业生自荐信
2013/10/31 职场文书
销售员态度差检讨书
2014/10/26 职场文书
征求意见函
2015/06/05 职场文书