我是vuejs和构建搜索与多选表单的新手。
这是html代码
<div>
<multiselect v-model:selected
:options="opt" :multiple="true" >
</multiselect>
</div>
这是数据收集代码:
export default {
data: () => ({
selected: [],
opt: [],
}}
如何转换此代码
<option v-for="(cast, i) in totalCelebrity"
:key="i"
:value="cast._id">
{{cast.fullName}}
</option>
到数据数组?需要将cast.fullName列表添加到opt:[]数组。
有什么办法可以做到?请帮助我
答案 0 :(得分:0)
我不确定您在寻找什么,但是我有一个帮助程序将对象转换为vue-multiselect可读的数组。检查是否有任何想法:
convertToSelect(object) {
let array = [];
for (let value in object) {
if (object.hasOwnProperty(value)) {
array.push({label: object[value], value: value});
}
}
return array;
}