请问vue2-datepicker的组件如何绑定@change

Question

<date-picker width='140' v-model="input.date"></date-picker>

想用datepicker 选取日期的时候, 依照这个日期去get相关的资料
 

methods: {
        getResult (name) {
            this.$http.get(api + `?game=${name}&date=${input.date}`).then(
                response => {
                    this.game_results = response.data
                    console.log(this.input.date)
                },
                response => {
                    // error...
                })
        },

如果是一般的input[type="date"] 可以直接绑定＠change事件, 现在使用datepicker这个套件, 该如何也做到一样的实现呢

求解

Answer 1

看了一下vue2-datepicker的源码，watch了这么个属性：

currentValue (val) {
    if ((!this.range && val) || (this.range && val[0] && val[1])) {
        this.$emit('input', val)
    }
},

那么你只要@input="handleVal"就可以

Answer 2

组件应该有说明吧，时间回调onchange什么的.阅读下doc.
实在不行你写个watcher算了。

   watch: {
        'input.data'(val) {
           // do sth...
        }
    }

Answer 3

oninput
或者
直接用watch