element-ui组件中input等的change事件中传递自定义参数
作者:狂奔的蜗牛0828 时间:2024-06-16 19:07:27
以select为例,如果select写在循环里,触发change事件时可能不只需要传递被选中项的值,还要传递index过去,来改变同一循环中的其他标签的状态。
下面这样写是无效的:
@change="changeStatus(val, index)"
<div v-for="(item,index) in itemList">
<el-select v-model="item.value" @change="changeStatus(val, index)">
<el-option v-for="op in options"
:key="op.key":
:label="op.label"
:value="op.label">
</el-option>
</el-select>
</div>
这样再封装一层就可以了:
@change="((val)=>{changeStatus(val, index)})"
<div v-for="(item,index) in itemList">
<el-select v-model="item.value" @change="((val)=>{changeStatus(val, index)})">
<el-option v-for="op in options"
:key="op.key"
:label="op.label"
value="op.label">
</el-option>
</el-select>
</div>
总结
以上所述是小编给大家介绍的element-ui组件中input等的change事件中传递自定义参数,网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
来源:https://www.cnblogs.com/ttjm/archive/2019/05/22/10904160.html
标签:element-ui,组件,change
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Python3 能振兴 Python的原因分析
2021-01-11 06:44:12
Django Channel实时推送与聊天的示例代码
2021-08-14 13:33:58
![](https://img.aspxhome.com/file/2023/3/120473_0s.png)
用python做个代码版的小仙女蹦迪视频
2022-10-14 12:48:59
![](https://img.aspxhome.com/file/2023/5/115715_0s.jpg)
python的去重以及数据合并的用法说明
2023-01-12 07:12:57
PHP字符编码问题之GB2312 VS UTF-8解决方法
2024-04-29 13:57:28
![](https://img.aspxhome.com/file/2023/8/132498_0s.png)
Pycharm学习教程(5) Python快捷键相关设置
2021-08-08 18:56:44
![](https://img.aspxhome.com/file/2023/0/134490_0s.png)
Windows下MySQL 8.0.29 安装和删除图文教程
2024-01-21 20:18:29
![](https://img.aspxhome.com/file/2023/8/109798_0s.jpg)
Pytorch用Tensorboard来观察数据
2022-11-28 19:57:52
![](https://img.aspxhome.com/file/2023/0/68410_0s.png)
vue2.0+vue-dplayer实现hls播放的示例
2024-05-29 22:46:56
![](https://img.aspxhome.com/file/2023/2/123002_0s.png)
从0到1构建vueSSR项目之路由的构建
2024-05-09 09:52:33
Oracle中字符串截取常用方法总结【推荐】
2024-01-26 16:55:02
Go 代码生成工具详解
2023-06-18 21:11:48
![](https://img.aspxhome.com/file/2023/8/89028_0s.png)
Django模型层实现多表关系创建和多表操作
2022-12-01 09:13:46
python使用UDP实现客户端和服务器对话
2023-03-24 17:59:27
Python运行的17个时新手常见错误小结
2023-05-20 00:13:17
用Python实现等级划分
2022-10-11 23:45:21
![](https://img.aspxhome.com/file/2023/8/82528_0s.jpg)
Python数据结构栈实现进制转换简单示例
2022-10-21 13:48:21
python 写入csv乱码问题解决方法
2021-11-13 11:32:22
基于Python的图像数据增强Data Augmentation解析
2022-12-21 11:50:31
![](https://img.aspxhome.com/file/2023/1/87891_0s.jpg)
IE6浮出层穿透解决方案中的iframe高度自适应
2009-10-30 18:08:00