VUE-treeselect反显:v-model的id在options中不存时如何自定义展示?

场景:
在保存主题时,选择了名词下拉框的若干个名词。
在编辑主题时需要反显,v-model处绑定的是查询出来的名词ID数组[9,3],但是如果选项在下拉框options数组中已不存在时(词性被修改了),会显示为id(unkonwn)
VUE-treeselect反显:v-model的id在options中不存时如何自定义展示?
即,id=9对应的选项"风扇"已不在下拉框,这时还需要反显id对应的词,请问大神该如何做?
该组件有没有预留钩子函数,在从options中匹配不到时,可以自定义返回选项名称?
目前treeselect部分的代码如下

<treeselect

:multiple="true"

v-model="nouns"

:options="options"

:no-results-text="'没有符合条件的结果'"

:no-options-text="'没有符合条件的结果'"

:normalizer="normalizer" search-nested

:allow-clearing-disabled="true"

placeholder="请输入或选择名词">

</treeselect>

注:可根据id从后台接口查询选项名称


回答:

目前的做法是:
查询主题详情时,拿到主题关联的名词id数组,且查询出名词下拉框options(在查询主题详情接口一起返回给前端)。判断,将主题关联的名词id不在options中的拿出来,并根据id查询这些名词,追加到options中,同时给这些词添加一个属性isDisabled=true,前端用于使其不可选中(treeselect的自带功能)
VUE-treeselect反显:v-model的id在options中不存时如何自定义展示?
但可以点击叉号删掉
VUE-treeselect反显:v-model的id在options中不存时如何自定义展示?
这样做到了,保存的数据已不在下拉框时也能反显到下拉框。
目前由于不知道vue-treeselect是否有上述钩子函数,只想到了这个笨方法,后端把这个选项临时添加进来。

以上是 VUE-treeselect反显:v-model的id在options中不存时如何自定义展示? 的全部内容, 来源链接: utcz.com/p/936312.html

回到顶部