Vue.Js中的$watch()方法总结
前言
最近公司用vue框架写交互，之前没怎么写过，但是很多数据双向绑定的东东跟angular很像！所以上手很快！哈哈
今天就碰到一个vue的问题啊！！产品需求是，datetimepick时间选择器一更改时间，就重新ajax获取数据渲染图表，很简单的需求啊！用angulang-change监听inpu框框，分分钟搞定啊！用特么js原生on-change也分分钟搞定啊！问题是尼玛的VueJs对input框没有change事件！尼玛坑爹啊！（不知道是不是我没找到，反正api里没有，goole了半天，也没有，要是有的话，麻烦留言告诉我，谢谢！！）
翻了半天api最后换了$watch()方法，才搞定这个需求，我梳理了方法如下，$watch()监听某个值（双向绑定）的变化，一旦发生变化，就调用引号里的方法，从而达到change事件监听的效果！！
示例代码
varv_assetManage_controller=newVue({
el:'.LSee-index',
data:{
trendQueryTimeCtr:{
startTime:'',
endTime:''
}
},
ready:function(){
//
},
methods:{
queryTrendData:function(){
//dosomehere
}
},
watch:{
'trendQueryTimeCtr.startTime':'queryTrendData',
'trendQueryTimeCtr.endTime':'queryTrendData'
}
});
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家学习或者使用vue.js能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对毛票票的支持。
热门推荐
1 训练狗狗憋尿
2 狗狗追踪训练
3 狗狗训练要多少钱
5 深圳狗狗训练
6 训练狗狗唤回
7 狗狗叫怎么训练
8 狗狗训练班
10 狗狗社会化训练
11 狗狗叫回训练
12 广州狗狗训练学校
13 狗狗训练躺下
14 狗狗随行训练
15 训练狗狗巡回
16 狗狗要怎么训练
17 狗狗喂食训练
18 训练狗狗躺下