vue中使用watch函数,当数据改变时自动引发事件

本来我的需求是这样的,使用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函数,当数据改变时自动引发事件)