[Question] v-model绑定的值显示 (unkonwn)

[lively-qcy]

我的菜单：

选中后在编辑区显示上级菜单名称：

<treeselect v-model="parentMenuName"> 此时的parentMenuName="日志中心",后面为什么多了一个(unkonwn)呢？ 求解，谢谢

[3060510146]

您这个问题解决了吗

[lively-qcy]

您这个问题解决了吗

还未解决，你也遇到了？

[Ans1998]

v-model变量初始化null v-mode的值要与options的输出id对应（默认选中第一条）

[airzhanglin]

如果是空不应该显示 placeholder的值吗 怎么是这个值啊，怎么解决？

[Yikhan]

当你点开编辑框的时候，组件会试图去找你传的值对应options里面的哪一个并帮你高亮显示，如果找不到这个值所在，就会在后面显示(unkown) 这就是为什么这类问题下面大家都会给你强调v-model的值要和options里的id保持一致。

楼主这个案例应该就是因为“日志中心”这个选项本来类似：

{
  id: 1,
  label: "日志中心"
}

选中传给v-model的值是id = 1，但是传给外部组件的时候楼主应该做了改变，把1又映射成了“日志中心”。这样下次再点开treeselect组件的时候，传给v-model的值就成了中文的”日志中心”，组件找不到哪个id对应这个值（treeselect是通过id来找的，不是label，这算是一个遗留问题了），所以就显示一个后缀（unknown）