vue中使用watch函数,当数据改变时自动引发事件
2016-12-07 14:21
176 查看
原文链接:https://www.geek-share.com/detail/2692091662.html
本来我的需求是这样的,使用ElementUI的日期选择器,当日期选择器被更改时需要根据新日期来向服务器获取新数据,但是发现这个日期选择器没有change事件,后来终于发现vue有个watch函数就是用来干这个的。懒得写太多,直接贴段代码:
watch: { seldate: function (val) { var date = new Date(val) var year = date.getFullYear() var month = date.getMonth() + 1 this.$store.dispatch('fetchStationPowers', { id: this.stationid, yearint: year, monthint: month }) }, Stationpowers: function (sps) { var arrayObj = new Array([31]) for (var i = 0; i < 31; i += 1) { arrayObj[i] = { day: i + 1, daypower: sps[i] } } this.tableDaypowerData = arrayObj } },
转载于:https://www.cnblogs.com/lrj567/p/6141034.html
相关文章推荐
- vue中使用watch函数,当数据改变时自动引发事件
- 关于在vue中 使用lazyload插件 数据更新图片不改变的问题
- vue中使用vue-awesome-swiper做轮播 ,手动滑动、vue-router路由跳转和动态更新数据,导致自动轮播失效问题
- vue事件结合数据的双向实现简单的案例(使用本地缓存保持数据刷新不变)
- watch监听vuex数据改变,实现自动改变兄弟页面数据
- Vue事件 定义/执行方法 获取/改变数据 执行方法传值 以及事件对象
- 如何方便的让你的集合引发改变事件
- 使用自定义事件并随事件传递数据
- 使用Linux的crontab调用shell中的scp自动备份mysql数据
- 使用dataitem从DetailsView的databound事件中读取绑定的数据
- 使用触发器执行数据删除自动备份
- 使用VB实现Excel自动获取外部数据
- 使用服务端事件委托机制来防止页面重复提交数据或客户端浏览器使用(F5)刷新提交数据
- Struts学习笔记之在ActionForm中使用集合属性并自动组装(populate)数据
- 回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。出于安全目的,此功能验证回发或回调事件的参数是否来源于最初呈现这些事件的服务器控件。如果数据有效并且是预期的,则使用 ClientScriptManager.RegisterForEvent
- (转)在C#中使用WIA获取扫描仪数据(五、注册事件)
- SQL 数据改变时自动执行类中的方法
- 使用vs2010的Coded UI Test实现数据驱动的用户自动登录测试
- 以实例说明如何使用C#从数据库中提取数据,按要求自动生成定制的Excel表格
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(5):服务器端和客户端数据类型的自动转换:基本类型和枚举类型