首页 > 其他 > 详细

el-select remote 远程搜索 多个共享一个options,options改变时输入框值不显示名称的问题

时间:2019-08-28 16:25:39      阅读:202      评论:0      收藏:0      [点我收藏+]

 原因:el-select remote 远程搜索 多个共享一个options,当使用 remote-method 请求数据后,options被改变,value的值不包含在options中,value的值是一个id,当然就显示id了,难道还显示name?

尝试解决的时候发现,把 options 置空,可以保留name的值

方案如下:

@focus="handleFocus"

handleFocus() {
  this.options = [];
}

 

------------------------ 其它方案有待尝试 ---------------------

一、使用不同的options

1.remote-method传递索引参数

v-bind="{ remoteMethod: remoteQuery.bind(null,i) }"

methods: {
  remoteQuery(i, query){
    console.log(i)
  }
}

2.同样也可以用:value@inputindex定义自己的逻辑

二、或者也可以使用input的远程搜索

el-select remote 远程搜索 多个共享一个options,options改变时输入框值不显示名称的问题

原文:https://www.cnblogs.com/heroljy/p/11424720.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!