最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Vue.Js中的$watch()方法总结
时间：2022-06-29 01:26:08 编辑：袖梨 来源：一聚教程网
最近公司用vue框架写交互，之前没怎么写过，但是很多数据双向绑定的东东跟angular很像！所以上手很快！哈哈
今天就碰到一个vue的问题啊！！产品需求是，datetimepick时间选择器一更改时间，就重新ajax获取数据渲染图表，很简单的需求啊！用angula ng-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(){ //do some here } }, watch: { 'trendQueryTimeCtr.startTime':'queryTrendData', 'trendQueryTimeCtr.endTime':'queryTrendData' }
}); | |
相关文章
- 速读免费小说app如何使用 03-18
- 如何进入爱趣游戏盒的游戏 03-18
- 河马剧场免费版下载入口在哪 03-18
- 欧美MV播放量榜首-picacg官网入口 03-18
- 美图秀秀网页版如何添加饰品图片水印 03-18
- 拼多多投诉电话24小时人工客服-拼多多电话如何转接人工 03-18