有没有办法通过更改 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')
    },