vue中使用watch函數,當數據改變時自動引起事件

原本個人需求是這樣的,使用ElementUI的日期選擇器,當日期選擇器被更改時須要根據新日期來向服務器獲取新數據,可是發現這個日期選擇器沒有change事件,後來終於發現vue有個watch函數就是用來幹這個的。懶得寫太多,直接貼段代碼:javascript

 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
      }
    },
相關文章
相關標籤/搜索