element ui input或select组件中加入自定义的第二个参数

最新推荐文章于 2024-03-09 11:47:48 发布
最新推荐文章于 2024-03-09 11:47:48 发布
阅读量1.6k 收藏 2
点赞数 1
分类专栏： element ui vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sw_onload/article/details/106429373
版权

在element ui 中输入框和选择框中绑定的事件默认只绑定一个
在这里插入图片描述
没有在方法中传参时，也会默认会有一个参数，在方法中加个参数就能获取到
在这里插入图片描述
在这里插入图片描述
但是有时候需要传额外的参数，比如在列表中放置input，希望能获取到选中的那一行所有的信息，那么就可以把绑定的方法写成如下这样，使用箭头函数val是默认能获取到的值，props.row是额外需要的数据
在这里插入图片描述
当然啦，在方法中也得设两个接收的参数
在这里插入图片描述
正常不需要额外数据的情况下是这样写
在这里插入图片描述

猛男找1
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ui组件之input多选下拉实现方法（带有搜索功能）
09-02
在UI设计和开发中，Input多选下拉框是一种常见的交互元素，它允许用户在下拉选项中选择多个值，并通常提供搜索功能以便用户更快地找到所需选项。以下将详细介绍如何实现这样的组件。 1. **HTML 结构**： HTML 结构...
解决element UI 自定义传参的问题
10-18
本文主要探讨如何解决Element UI组件自定义传参的问题，通过具体实例进行详细解析。 首先，以`el-autocomplete`组件为例，这个组件在用户选择建议项时，默认会将选中的数据作为`@select`事件的参数传递。如果在一个...
element-UI 事件添加额外自定义参数
热门推荐
无需有太多~
06-28 2万+
aass <!-- 明细列表 --> <el-table :data="midSubmitDetailTableData" border stripe style="width: 100%">     <el-table-column prop="submitAmount" label="本次交工数量"></el-table-c
el-select change事件传多个值
Da6668_lei的博客
02-07 561
1、添加你需要传递的值 2，查看打印结果
Vue + Element-ui的下拉框el-select获取额外参数详解
10-14
主要介绍了Vue + Element-ui的下拉框el-select获取额外参数详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
el-select element 可自定义输入的可搜索下拉框
qq_41007321的博客
06-01 1万+
描述: 用户可自定义输入要查询的文件格式，也可根据下拉列表选择文件格式，并且在用户输入的同时，具有搜索功能。 实现步骤： 1.使用element-ui组件的 el-select标签 并且配置上filterable 可搜索属性 <el-select filterable clearable placeholder="请选择文件格式" v-model="searchForm.fileExt" class="search-input" .
[element-ui] el-dropdown @command 增加额外参数
qq_14993591的博客
03-27 351
【代码】[element-ui] el-dropdown @command 增加额外参数。
vue+iview4.0 , vue+element实现下拉框可以自定义输入内容
浩星
12-12 9298
前言： 最近10月的时候 iview4.0 更新了，但是一直在忙也没用到，正好因为要实现一个下拉框里面我要自定义输入内容的效果，element里面是有这个效果，antd里面没有，因为本项目用的iview，也不能因为一个效果直接换框架，就更新项目中的iview到4.0版本了; 先看看效果图： 1、iview4实现的单选增加 2、element实现的多选增加 第一：用...
element----Table中的事件除默认参数外，添加其他自定义参数的使用（所有组件包括js中一些定义事件均可以使用此方法）
baicai_123的专栏
12-30 472
如下图，table中有一些定义好的事件，以下图中select为例（其他均适用）。定义的事件名命名为fnSelect 1、在下图中可以看到，select默认的参数有两个 selection,row。在调用的时候需要添加两个自定义的参数。可以这样写 用一个$符号，可以是$event或者是$e等等，默认的两个参数 selection,row就在这里边 fnSelect（event,type,str）{ console.log(event);//可以看到对象里边有两个属性selection,row，及.
element-ui组件中input等的change事件中传递自定义参数
10-16
在使用Element UI组件进行Web开发时，我们常常会用到组件的事件监听器，比如input或select元素的change事件。这些事件在触发时，有时需要向事件处理函数传递额外的自定义参数。本文将介绍如何在Element UI组件的...
vue2.0结合Element实现select动态控制input禁用实例
08-30
在本篇文章中，我们使用了 Element UI 作为前端组件库，Element UI 是一个基于 Vue 2.0 的 UI 组件库，提供了丰富的 UI 组件，包括表单、导航、弹出框、表格等。Element UI 的核心特性包括组件化、样式配置、插件...
elementUI调用组件方法除自带参数外，如何传其他参数？
来包小而香
04-02 1295
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、问题1.方法一2.方法二 前言 elementUI调用组件方法除自带参数外，如何传其他参数？如Input Events 的change事件 一、问题 elementUI调用组件方法除自带参数外，如何传其他参数？ 如果需要再传入一个自定义参数，该怎么做呢？ 1.方法一 使用$event作为element UI方法的实参，然后是自定义参数的实参 @change="selectChange($event, 'edit')".
element-ui 中 upload组件 如何传递额外的参数 ？
最新发布
Missbelover的博客
03-09 1050
【代码】element-ui 中 upload组件 如何传递额外的参数？
element-ui——默认事件添加额外参数
天空影
05-15 6483
大家都知道element-ui很多事件他都有默认参数，这里我就用下拉框来简单的说一下 <template> <el-select v-model="value5" multiple placeholder="请选择" @change="change"> <el-option v-for="item in options" :key=...
elementUI-input输入框change事件添加其他参数
xiaojie的博客
03-22 3696
需求：在下拉框值改变的时候，我们需要记住改的值得index，并且根据index找到下拉框数组对应数组中的对象，改变对象其他参数的值 问题：elementUI中，change事件值携带了value，如果我们写成@change=“changeValue(value,index)",代码则会直接报错 解决办法：@change="((val)=>{changeValue(val, index)})"通过箭头函数来进行传参 ...
vue elementUI 默认事件 添加额外参数
qq_41812381的博客
03-09 3925
本来是只支持state,现在就新增了当前行的参数了。
element ui文件上传方法中需要传额外参数
五颜六色的白
09-05 941
element ui文件上传需要传额外参数
el-upload+额外的参数 , element上传功能组件及其参数的详解
浩星
08-21 7342
前言： 我们使用element-ui的时候，可能会有一个需求要给后台传入额外的值，我这边是遇到了，然后通过找到各种资料解决了，现在把我的upload的组件分享一下，可以实现导入，导出功能，导入的时候也会有额外的参数---这个是通过?gjlx=,拼接在地址后面实现的； 效果图：，导入我需要所以放了出来，导出没有，具体可以看我的组件内容 好了，开始放代码...
ElementUI 文件上传传递额外参数
Mephisto180502的博客
02-22 2274
需求是在一个表格数据里面做文件上传按钮，需要在文件上传的时候传递当前行的主键id。el-upload组件默认提供的函数都没能实现这个功能，于是对函数的写法稍加更改以实现传递额外参数的功能。 HTML部分： <el-upload <!-- 禁止自动上传，所以不在这里填写上传地址 --> :action="''" <!-- 设置文件样式按钮的样式和其他按钮一行显示 --> style="display: inline-block" &l
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值