Vue,预填充多选值

时间:2019-09-26 04:42:24

标签: javascript vue.js

我当前正在使用Vue多重选择,方法是将其与来自axios返回对象的选项一起加载到taskLocations中:

        <multiselect 
            v-model="taskLocations" 
            :options="locationOptions" 
            :multiple="true" 
            placeholder="Please choose at least one location" 
            label="name" 
            track-by="id">
        </multiselect>

这可以正常工作,但是我现在在页面中加载我在数据返回中分配给editDetails[]的另一个响应,尽管该过程可以转储数据以进行确认,但是我无法确定阐明了如何保留taskLocations中的选项的多选列表,同时还使用editDetail.location来预选多选的值

        <multiselect 
            v-for="editDetail in editDetails"
            v-model="taskLocations" 
            :options="locationOptions" 
            :multiple="true" 
            placeholder="Please choose at least one location" 
            label="name" 
            track-by="id">
        </multiselect>

我该怎么做?

0 个答案:

没有答案