有没有办法通过更改 v-model 来更改 Select2 选项？

Posted 2023-05-07

【中文标题】有没有办法通过更改 v-model 来更改 Select2 选项？

【英文标题】：Is there a way I can change a Select2 option by changing the v-model?

【发布时间】：2020-08-26 04:14:49

【问题描述】：

我一直在使用this 示例来集成 select2 和 Vue。到目前为止一切都很好，但是我现在遇到的问题是我希望能够通过一种方法来更改 v-model 值，并且当我这样做时应该反映在 select2 元素上。但事实并非如此。在那个小提琴中，我尝试在 addOption 方法中添加以下代码：this.optionArr[0].id = 2

按下按钮确实会更改值，但 select2 元素保持不变。无论如何我也可以更改 select2 中的值吗？我应该补充一点，我的 select2 没有静态选项。按下 select2 时，它们由 ajax 加载。

【参考方案1】：

改变

    value: function (value) 
      // update value
      $(this.$el).val(value)
    ,

到

    value: function (value) 
      // update value
      $(this.$el).val(value).trigger('change.select2')
    ,