Har*_*San 7 arrays preset vue.js vuejs2 vue-multiselect
我想在由vue-multiselect.
如果我有一个像下面这样的简单字符串数组,我可以让它正常工作:
['Test 1', 'Test 2', 'Test 3']
Run Code Online (Sandbox Code Playgroud)
但是,当我使用一组对象时,我无法让它工作。例如,如果我有以下内容:
<v-multiselect :options="[{id: 1, name: 'Test 1'}, {id: 2, name: 'Test 2'}, {id: 3, name: 'Test 3'}]"
label="name"
track-by="id"
v-model="test">
</v-multiselect>
Run Code Online (Sandbox Code Playgroud)
无论我设置了testv-model 连接到的数据属性,它都不会预选该值。我试过1, 2, 3, '1', '2'and '3'for testwhen track-byis idand'Test 1'等 when track-byisname但似乎没有任何效果。
我在这里做错了什么?我查看了https://vue-multiselect.js.org/#sub-single-select-object上的文档,但是当您想为一组对象预设一个值时,它们似乎没有提供示例选项。谷歌搜索也没有返回我正在寻找的东西。
在相关主题上,一旦我开始工作,当我将组件设置为时,我需要更改什么才能选择多个值multiple?谢谢你。
看起来像一个错误。解决方法是使用对object
Vue.component('v-multiselect', window.VueMultiselect.default);
let testOptions=[{id: 1, name: 'Test 1'}, {id: 2, name: 'Test 2'}, {id: 3, name: 'Test 3'}]
new Vue({
el: '#app',
data: function () {
return {
test: testOptions[1], // <- use an object ref here!
testOptions
};
}
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
11645 次 |
| 最近记录: |