有没有办法通过更改 v-model 来更改 Select2 选项?
Is there a way I can change a Select2 option by changing the v-model?
我一直在使用 this 示例来集成 select2 和 Vue。到目前为止一切都很好,但我现在遇到的问题是我希望能够通过一种方法更改 v-model 值,并且当我这样做时应该反映在 select2 元素上。但事实并非如此。在 fiddle 中,我尝试在 addOption 方法中添加以下代码:this.optionArr[0].id = 2
按下按钮确实改变了值,但 select2 元素保持不变。无论如何我也可以更改 select2 中的值吗?我应该补充一点,我的 select2 没有静态选项。当按下 select2 时,它们由 ajax 加载。
改变
value: function (value) {
// update value
$(this.$el).val(value)
},
至
value: function (value) {
// update value
$(this.$el).val(value).trigger('change.select2')
},
我一直在使用 this 示例来集成 select2 和 Vue。到目前为止一切都很好,但我现在遇到的问题是我希望能够通过一种方法更改 v-model 值,并且当我这样做时应该反映在 select2 元素上。但事实并非如此。在 fiddle 中,我尝试在 addOption 方法中添加以下代码:this.optionArr[0].id = 2
按下按钮确实改变了值,但 select2 元素保持不变。无论如何我也可以更改 select2 中的值吗?我应该补充一点,我的 select2 没有静态选项。当按下 select2 时,它们由 ajax 加载。
改变
value: function (value) {
// update value
$(this.$el).val(value)
},
至
value: function (value) {
// update value
$(this.$el).val(value).trigger('change.select2')
},