首页 > select被select2插件美化了,那么如何触发原始select元素上v-on:change=“xxx”中的xxx方法

select被select2插件美化了,那么如何触发原始select元素上v-on:change=“xxx”中的xxx方法

因为被select2美化过了,所以现在进行选择变更并不会触发v-on:change里的代码。

不能把change对应的代码移动到指令里,有什么办法吗?


我會寫個參數可以傳入回調函數,在 select2change 事件被觸發時呼叫:

<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

【热门文章】
【热门文章】