有关 search 的值问题

Question

老师您好，
搜索框不管选哪个，最后搜索框显示的结果都是最后一个选项，下拉显示的选项全是默认高亮，我在提问区出看到了之前有同学也遇到和我一样的问题，还请老师再重新看下这个问题吧，在老师提供的线上项目地址也存在同样的问题!

我尝试解决发现在 el-select 组件显示的值有问题，但不清楚要怎么解决：
此处我选择的是 用户>用户管理选择，选择后显示的是 用户>Excel导入

我认为问题大概是

	:key="option.item.path"
    :value="option.item"

尝试把 value 改为 option.item.path 就正常了，但 element api 的说明，value的可以为 string / number / boolean / object ，请老师指教

在搜索框输入用户随便选一个选项，之后就能看到问题了

老师请看动图

Answer 1

南京烧饼 2022-12-30 16:28:41

你这个问题我也遇到了，我的解决方式是在选中回调时加上search.value的显示，这样选中的时候就是显示的正确的值了

const onSelectChange = (val) => {

  router.push(val.path)

  search.value = val.title.join(' > ')

}

Answer 2

weixin_慕先生4557099 2022-11-02 20:13:48

Select 选择器#

基础用法#

适用广泛的基础单选 v-model 的值为当前被选中的 el-option 的 value 属性值

我看文档里面有写v-model的值是option的值，所以应该不是placeholder的问题，是要在关闭搜索框时清空每一次v-model的值，search.value = ''

Answer 3

Sunday 2022-07-19 15:41:53

你好

你这里其实是有两个问题：

1. options 高亮的问题。其实这个问题对功能并没有影响，它只是一个样式而已，如果说你不希望存在 高亮（options 上的 selected 类），那么可以 el-option 的 :value 属性值修改为 option.item.path 。 但是如果这样修改的话，不要忘记在 onSelectChange 中把代码修改为 router.push(val) 。
   以下为修改后的代码截图：
   

2.  点击任意的 options 项，都会跳转到最后一个 options 路径。这个我测试了以下线上地址，并没有发现这个问题，以下是截图：

• 提问者 johnny_2008 #1

  谢谢老师您的耐心和及时解答，麻烦再看下新上传的gif图

• Sunday 回复 提问者 johnny_2008 #2

  我看打开的确实是用户管理，并没有打开 Excel 导入呢？

• 提问者 johnny_2008 回复 Sunday #3

  所谓的 bug 是再次打开查询框显示的总是上次查询列表的最后一个选项，而且，用 vuetools 查看的结果也在图上有表示，捉急呀我水平太菜表达不清楚，同学们有遇和我同样的问题的吗，帮我解答一下吧

点开查看后面2条评论