因为被select2美化过了,所以现在进行选择变更并不会触发v-on:change里的代码。
不能把change对应的代码移动到指令里,有什么办法吗?
我會寫個參數可以傳入回調函數,在 select2
的 change
事件被觸發時呼叫:
<select v-select :on-change="onSelectChange">
<option :value="option.value" v-for="option in select.data">{{ option.text }}
</option>
</select>
params: ['onChange'],
bind: function () {
var self = this
$(this.el)
.select2({})
.on('change', function () {
// 這裡呼叫回調並傳入現在選取的 value
self.params.onChange(this.value)
})
},
實現
jsFiddle