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

Z时代
2024-03-05
分类：IT

场景：
在保存主题时，选择了名词下拉框的若干个名词。
在编辑主题时需要反显，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是否有上述钩子函数，只想到了这个笨方法，后端把这个选项临时添加进来。