javascript - 预选选择选项vue js
问题描述
我为 vue js shentao/multiselect使用流行的多选
<multiselect v-model="test.selectedTags" :options="options" :multiple="true" :clear-on-select="false"
:hide-selected="true" :preserve-search="true" placeholder="Pick some" label="name" track-by="name">
</multiselect>
当我像这样手动预选选项时
test:{
url: "",
selectedTags:[{id:3, name:'asdaa'}]
},
options: []
我得到了正确的结果,当我单击“X”时,我可以删除选择上的选项
我的选项响应如下所示
options:Array[2]
0:Object
id:4
name:"atetest"
1:Object
id:3
name:"asdaa"
但是,当我从后端获取并将其放在test.selectedTags
响应中时,它将看起来像这种相同的格式(对象数组)
//THIS IS THE OPTIONS THAT WILL BE AVAILABLE ON SELECT
selectedTags:Array[2]
0:Object
id:3
name:"asdaa"
1:Object
id:4
name:"atetest"
但是当我单击“X”时,我无法删除该选项并且没有显示错误?有人可以帮助 TIA
编辑
但是当我从响应中评论变量时,我现在可以在单击“X”时删除该选项但是我无法获得我需要的其他数据
editUrl: function(id){
let vm = this;
axios.get('api/urls/' + id)
.then( response => {
vm.edit = true;
//vm.test = response.data.data;
vm.test.selectedTags = response.data.data.users.map(user => ({ id:user.id, name:user.name }))
vm.monitorModal = true;
})
.catch( error => {
console.log(error);
});
},
解决方案
推荐阅读
- javascript - ModuleNotFoundError:找不到模块:错误:无法解析“/vercel/workpath0/my-app/pages”中的“../components/charts/be.js”
- javascript - 在文本框中显示增值税值
- netbeans - Netbeans忽略上传相对文件路径
- docker - Docker + Asp.net core api + Apache:无限重定向循环
- python-3.x - 从数据框中获取列值的组合
- reactjs - 我正在尝试使用 useEffect' 来更改窗口。我没有收到任何错误,但它不起作用。怎么了?如何让它发挥作用?
- android - 我无法在 Visual Studio 2019 上使用 xamarin 开发的设备上部署我的 android 应用程序
- prometheus - Prometheus:如何将一个向量乘以另一个向量的平均值
- ruby - bundle exec pod install -> 无法找到 URL 为“trunk”的已知源
- sql - 在数据仓库中使用标识或序列