首页 > 其他 > 详细

el-autocomplete select事件传递多个参数

时间:2021-08-25 18:17:05      阅读:17      评论:0      收藏:0      [点我收藏+]
转自:https://yuyuye958.github.io/2019/03/10/el-autocomplete/

问题

<el-autocomplete
  v-model="state"
  :fetch-suggestions="querySearchAsync"
  placeholder="请输入内容"
  @select="handleSelect"
></el-autocomplete>

这是 Element UI 官方文档中 el-autocomplete 的示例,而这里的 handleSelect 默认绑定的参数是你选中的那条数据。

但是如果你需求用 v-for 生成多个组件,要把 index 给传进这个方法,你可能会这样做:

@select="handleSelect(item, index)"

经试验这是行不通的,那么该如何做呢?

方法

<el-autocomplete
  v-model="state"
  :fetch-suggestions="querySearchAsync"
  placeholder="请输入内容"
  @select="((item) => {handleSelect(item, index)})"
></el-autocomplete>

这样你就能在 handleSelect 方法中拿到 index 参数了。

 

el-autocomplete select事件传递多个参数

原文:https://www.cnblogs.com/zkx4213/p/15185346.html

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