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

摘要:
但是如果你需求用v-for生成多个组件,要把index给传进这个方法,你可能会这样做:@select="handleSelect"经试验这是行不通的,那么该如何做呢?方法这样你就能在handleSelect方法中拿到index参数了。
转自: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事件传递多个参数》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇软件集成、确认和系统测试方法浅谈SLAM的回环检测技术下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

python网络编程——IO多路复用之select

1 IO多路复用的概念         原生socket客户端在与服务端建立连接时,即服务端调用accept方法时是阻塞的,同时服务端和客户端在收发数据(调用recv、send、sendall)时也是阻塞的。原生socket服务端在同一时刻只能处理一个客户端请求,即服务端不能同时与多个客户端进行通信,实现并发,导致服务端资源闲置(此时服务端只占据 I/O,...

oracle教程:PLSQL常用方法汇总

oracle教程:PLSQL常用方法汇总 在SQLPLUS下,实现中-英字符集转换alter session set nls_language='AMERICAN';alter session set nls_language='SIMPLIFIED CHINESE';主要知识点:一、有关表的操作1)建表 create table test as sel...

sqlplus常用操作命令(转)

SQL*PLUS 是Oracle提供的一个工具程序,它不仅可以用于测试,运行SQL语句和PL/SQL块,而且还可以用于管理Oracle数据库  1.启动sql*plus 为了使用sql*plus,必须首先要启动sql*plus。Oracle不仅提供了命令行和图形界面的sql*plus,而且还可以在web浏览器中运行. (1)在命令运行sql*plus...

MySQL 连接查询

一.什么是连接查询 1.连接查询是一种非常常见的数据库操作,在两张(或者多张)表中进行匹配. 2.以mysql为例,支持Cross join(交叉连接), inner join(内连接), outer join(外连接),等其他连接.  二、数据准备(创建emp员工表和dept部门表并插入数据) SET NAMES utf8mb4; SET FOREIGN...

CDO学习2 CDO 入门教程Tutorial

#20210117#注:如果需要用cdo对数据进行截取,可参考buguse的几篇博文: 如何利用CDO从数据集中提取数据 CDO条件性选择数据 - 云+社区 - 腾讯云 CDO转换数据集格式 - 云+社区 - 腾讯云 --------------------------------------------------------------------...

mysql 查询优化 ~explain解读之select_type的解读

一 简介:今天咱们来聊聊explain的select_type 二 类型  (1)SIMPLE    简单的SELECT语句(不包括UNION操作或子查询操作)  (2)PRIMARY/UNION   PRIMARY:查询中最外层的SELECT(如两表做UNION或者存在子查询的外层的表操作为PRIMARY,内层的操作为UNION)   UNION:U...