Question

我是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：[]数组。

有什么办法可以做到？请帮助我

Answer 1

我不确定您在寻找什么，但是我有一个帮助程序将对象转换为vue-multiselect可读的数组。检查是否有任何想法：

convertToSelect(object) {

        let array = [];
        for (let value in object) {
            if (object.hasOwnProperty(value)) {
                array.push({label: object[value], value: value});
            }
        }

        return array;

    }

如何在vue-multiselect中使用v-for收集数据？

1 个答案: