更改select2输入时,VueJS模型不会更新

时间:2017-01-13 20:37:29

标签: javascript jquery html vue.js select2

由于遗留原因,我们正在使用Vue 0.12,我正在尝试使用最新版本的select2来实现标记接口。我有select2工作正常,但我的标签元素的Vue模型没有更新。我是Vue的新手(而且作为一个整体提升了JS),所以如果这是一个糟糕的问题我会道歉。这是我的JS的相关部分:

ready: function(){
    var self = this;
    $("#tags").select2({
        tags: true
    });

相关的HTML:

<select name="tags" id="tags" multiple v-model="client.tags">
<option value="test1" selected>Test1</option>
<option value="test2">Test2</option>
</select>

在初始页面加载时,vm.client.tags等于["test1"]。但是,在输入中添加新标记后,vm.client.tags仍然等于["test1"],但$('#tags').val()等于["test1", "test2"],正如我所料。我认为发生的事情是select2没有触发Vue更新模型所需的某些事件,但我不确定如何修复它。

0 个答案:

没有答案