由于遗留原因,我们正在使用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
更新模型所需的某些事件,但我不确定如何修复它。