笔记：在插件默认事件参数的基础上增加一个参数

最新推荐文章于 2025-06-10 19:00:00 发布
原创 最新推荐文章于 2025-06-10 19:00:00 发布 · 177 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

在使用ElementUI的checkbox组件时，遇到需求要扩展change事件的默认参数。官方文档中的change事件带有一个selected参数，但通过箭头函数，我们可以额外传入一个name参数，如`<el-checkboxmodel-value=selected@change=(selected)=>singleCheck(name,selected)/>`，这样在事件处理函数中就能获取到更多的信息。

举个例子：
在使用element 插件的时候 官方文档的内容是
在这里插入图片描述
change事件有一个默认参数 selected
但是我们想在这个change事件里面多添加一个参数name,
所以 使用箭头函数方式 多增加一个参数

 <el-checkbox :model-value="selected" @change="(selected)=> singleCheck(name,selected)"/>
扣子Coze实战：一天仿写1000条小红书热门笔记（工作流分享）
互联网架构师笔记
08-20 2560
如果你还在用人工方式一条条憋选题、想文案、剪视频，真的建议你停一停。AI不是取代创作者，而是释放创作者。它帮你搞定枯燥重复的活，让你专注在“结构设计”和“价值交付”上。
小白入门笔记：CMake编译过程详解
3D视觉工坊
04-12 1569
作者丨Sky Shaw@知乎点击进入—>3D视觉工坊学习交流群1、你好，CMake1.1 CMake是什么？我觉得针对这个问题最简单（但不是最正确的）的回答应该是：“CMake是服务于将源代111码转换成可执行的文件的工具”。将源码转换为可工作应用会比较神奇。不仅是效果本身(即设计并赋予生命的工作机制)，而且是将理念付诸于过程的行为本身。CMake本身是一个工具集，由五个可执行的程序组成：c...
element-ui 事件在默认参数上，新增自定义参数
m0_37616866的博客
06-25 572
【代码】element-ui 事件在默认参数上，新增自定义参数。
传奇996_51——脱下装备，附加属性设为0
HSH541的博客
12-05 850
SENDMSG 9 你的衣服附加了点防御属性.奶奶的lua怎么都修改不了，可以调用txt的。
el-select的change事件传自定义参数
weixin_46715953的博客
02-02 8623
el-select的change事件默认返回的是当前选中的值，需求是要在选中下拉选项的时候改变另一个参数的值，就需要传入自定义参数。
vue或react中组件事件函数想传额外参数要怎么写
cs10dn101529的博客
06-09 2837
实际项目中，有的时候编写一个组件上的事件方法，不论是自己项目中的组件，还是用的element UI或者antd，可能会想要多传一个或几个参数到方法函数中使用处理，这时应该怎么写呢？
@change事件传递多个参数，保留默认参数，并传递自定义参数
热门推荐
sika-master的博客
06-02 1万+
change时间的多参数传递
前端学习笔记，做一个简单的网站-请自定义一个注册事件的兼容函数，要求兼容三种注册事件方法，学习代码
06-21
这个方法接收两个参数：一个是事件名，另一个是事件处理函数。例如，注册点击事件可以这样写： ```javascript document.getElementById('myButton').addEventListener('click', function() { alert('Button ...
在utools上开发一个星座运势插件
最新发布
为你而战的博客
06-10 1384
本文介绍了基于utools开发星座运势插件的全过程。utools是一款基于Electron的工具软件，通过插件扩展功能。开发者利用前端技术和Node.js原生能力，实现了星座运势查询功能。 插件主要包含星座展示、选择面板和运势区域三部分。文章详细说明了插件目录结构、配置文件设置，以及HTML和JavaScript的具体实现，包括星座切换、数据获取与解析等功能。特别介绍了如何适配utools的明暗主题，并使用utools.dbStorage保存用户设置。 最终实现的插件能够显示星座图腾、名称等信息，并提供今日
Jquery 插件开发笔记整理
01-19
先贴出插件代码，里面注释 代码如下: (function ($) { //扩展 $.fn.extend({ //插件名称 height: function (options) { //默认参数 var defaults = { color: ‘红色’ }; //覆盖默认参数 var opts = $.extend...
element-ui @change添加自定义参数
weixin_30546189的博客
06-27 2217
element-ui的change事件默认参数是一个value值，比如下拉框的change事件默认参数是选中的value值，但是实际项目中我们要传的一般不止这一个参数，如果直接追加两个参数可能获取不到，这时需要把参数中的默认参数名换成$event即可， //第一个参数是默认的value参数，第二个是我们自己想传入的参数 @change='selectChange($event,scope....
前端学习日记----单选框，全选框功能
Mi_Ni_BoX的博客
05-08 964
单选框，全选框之间的联系功能实现
Vue3-购物车列表-单选和全选功能实现
weixin_57334661的博客
05-11 897
/ 通过skuId找到要修改的那一项 然后把它的selected 修改为传过来的selected。1. 操作单选决定全选：只有当cartList中的所有项都为true时，全选状态才为true。2. 操作全选决定单选：cartList中的所有项的selected都要跟着一起变。// 把cartList 中每一项的selected都设置为当前的全选状态。// store 中 cartList 数组无法知道要修改谁的选中状态。// 除了 selected 补充一个用来筛选的参数 - skuId。
【Vue3】 Element Plus -- Checkbox 多选框
weixin_40874076的博客
05-25 1184
当单纯使用 v-model的时候，适合的应用场景是绑定或者说收集数据。而当我们拆分使用的话，可以做到动态绑定数据，之后进行change事件进行更多操作。但是我们想在这个change事件里面多添加一个参数name,change 只能接收一个参数 selected。在使用element 插件的时候 官方文档的内容是。change事件有一个默认参数 selected。笔记：在插件默认事件参数的基础上增加一个参数。所以 使用箭头函数方式 多增加一个参数。
在内置事件除自带参数外额外传递自定义参数
青蛙king的博客
03-18 910
react 版： <input onChange={function (num) { const e = e || window.event; return handleChange(e, num) }.bind(this, 110)} /> vue 版：
@change事件传入多个参数
Skellig
01-11 3665
@change事件传入多个参数 ???????????? elementUI 中的 @change() 自带事件的参数默认返回当前选中的值，但是在写循环时可能会用到多个参数，下面提供一种方法： 使用回调函数 @change="val => {change(val, scope.row);}" 这里借助 el-table-column 和 el-date-picker 源码 <el-table-column prop="field" label="title"> &lt
【Vue3】v-model
小秀的博客
09-26 283
- App.vue --> < template > < div > < h1 > 我是父组件 < div > isShow: {{ isShow }} < div > text: {{ text }} < div > < button @click = " isShow =!
传奇装备元素属性设置教程
驰网云儿
12-21 5840
传奇装备元素属性设置教程
el-select下拉框 change事件返回该项所有数据
m0_70265923的博客
01-03 8242
【代码】el-select change事件返回全数据。
J2EE学习笔记：ValueObject与JSP基础
在JSP部分，笔记详细讲解了JSP的组成部分，包括directive（指令）、scripting（脚本）和action（动作）。 1. JSP directive（指令）： - page指令：设置页面范围的属性，如语言、导入包等。 - include指令：用于...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值