给element-ui和ivew-ui的组件中的change事件传自定义参数

最新推荐文章于 2023-08-16 18:18:05 发布
置顶 最新推荐文章于 2023-08-16 18:18:05 发布
阅读量282 收藏
点赞数
分类专栏： 日常积累 文章标签： 传自定义参数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43990297/article/details/103404584
版权

给element-ui和ivew-ui的组件中的change事件传自定义参数

主要将方法再进行包装， 在组件的方法中 通过箭头函数将默认值传给函数内的方法，以下是ivew开关组件的，其他地方也适用

 <Switch v-model="row.state" @on-change="((val)=>{handleSwitch(val,row)})"/>
喵大叔、
关注
专栏目录
elment-ui上传组件，钩子函数（on-success 文件上传成功时的钩子）传递参数
springAsahi的博客
05-07 1731
开发需求：在已上传的图片列表中，点击图片实现上传替换 <template> <dz-upload list-type="picture-card" class="picture-item" :on-preview="handlePictureCardPreview" //通过es5的bind，绑定到函数上，就可以实现钩子函数的传参了 :on-success="handleAvatarSuccess.bind(this,index)" :show-file-list
分享一个 Vue Element-ui 的两级checkbox动态渲染解决方案
JC.Lin的博客
08-09 9681
以下是实现方案 使用数据控制checkbox的勾选状态，感觉这种方式不同于jquery的直接操作DOM，刚刚开始使用真的搞不懂，思路一时转不过来，遇到同样问题的同学可以参考我这个做法，有疑问的同学可以留言。 &lt;template&gt; &lt;div class="content"&gt; &lt;div class="power"&gt; &lt;h4&gt;权限设置&lt;/h4&
iview@on-chang事件同时获取ivew参数和自行插入参数
weixin_43281240的博客
12-14 365
<Cascader @on-change=" (value, selectedData) => city_chang(value, selectedData, item) " ..
vue 在onChange事件中添加参数
sunshineTing2的博客
09-22 1万+
在change的默认事件中添加自定义参数 @change="(...args) => onChange(...args, '自定义参数')" @change="change($event, '自定义参数')" @change="(value, selectedOptions) => onChange(value, selectedOptions, '自定义参数')" 示例 <a-cascader :options="formatArr" :s
解决使用el-switch的@change方法时初始就自动触发问题
前端小陈的成长记录
08-16 8084
el-switch
element plus el-switch 的before-change 如何带参数
sdaulee的博客
05-17 7309
看文档Switch 开关 | Element Plus 设置beforeChange属性，若返回 false 或者返回 Promise 且被 reject，则停止切换。 const beforeChange2 = () => { loading2.value = true return new Promise((_, reject) => { setTimeout(() => { loading2.value = false ElMessag
iview 级联选择组件_表单组件 - Cascader 级联选择 - 《View UI（即iView）4.2 使用手册》 - 书栈网 · BookStack...
weixin_39613839的博客
12-22 927
Cascader 级联选择概述从一组相关联的数据集合中进行选择，常用于省市区、公司级层、事务分类等。相比 Select 组件，可以一次性完成选择，体验更好。代码示例基础用法级联选择对数据有较严格要求，请参照示例的格式使用data，每项数据至少包含 value、label 两项，子集为 children，以此类推。value 为当前选择的数据的 value 值的数组，比如 ['beijing', '...
iview/viewUI库组件封装学习——Affix
weixin_45440813的博客
03-03 847
基本逻辑：该UI组件是在满足特定条件下触发fixed效果，和css3中得sticky很相近。首先此组件涉及三个主要参数，分别是滚动条的滚动距离scrollTop（window.scrollTop）、组件元素的BoundingClientRect.top 即该组件距离浏览器可视区域的距离，还有组件接收用户参数offsetTop的值，如何保证元素距离可视区顶部为offsetTop的值时将元素固定？BoundingClientRect.top的初始值即scrollTop为0时，当我们滚动滚动条时BoundingC
elementui upload与form一起提交
随记
12-09 6799
学生基本信息管理操作中，有照片，可以上传也可以不上传，在表单界面可以修改照片，el-upload控件可以带额外参数提交，jquery的post模拟不了成表单带文件提交的方式，因此，判断如果有上传文件时，用el-upload的submit方法，没有文件时使用post提交 页面部分： <el-form-item label-width="30px"> ...
iview 级联选择组件_基于iView-Cascader的多选级联选择器
weixin_39683526的博客
12-22 1852
一次Vue项目中需求本来是单选的级联选择器,本来很简单因为iView组件里有,结果产品更改需求到要求实现Vue多选级联选择器,先在网上找了一下想偷个懒结果发现没有,所以这算奇葩需求吗 hahcascader-multi效果预览install 安装npm i cascader-multi --saveuse 使用在main.js中写入下面的代码import cascaderMulti from "c...
Vue 中change事件除了默认参数value ，如何传递自己的参数
abd041415的博客
01-12 6098
但是这种方式分场景，如果你的myprops在data中定义好的那么就可以传过去，如果myprops参数是像for循环里的每个item项目，那就报错，提示你在data或者method中定义该参数或者方法。这种方法任何场景中可以使用，如果除了value像传第二个myprops参数，那么把value参数改成$event,后面就可以传自己的参数了。这是在uni-app 中的uni-number-box组件上的change事件接受两个参数的实例。3为value值 uni-number-box中代表加减框当前的数值。
element-ui upload组件 onchange事件 传自定义参数
andingran3462的博客
09-18 7308
<el-upload class="upload-demo" list-type="picture" accept="image/*" :show-file-list="false" :multiple="false" :auto-upload="false" action="https://jsonplace...
解决element-ui第二次上传时on-change事件没有执行的问题
weixin_43589827的博客
01-15 4983
解决element-ui第二次上传时on-change事件没有执行的问题 有个上传单个文件并显示文件名的需求，但是第二次上传不同的文件时，显示的文件名没有改变，去断点的时候发现，on-change事件没有被触发，但是upload组件的fileList的文件的确更换为新替换的文件，但是修改文件名显示的是on-change事件，所以必须要触发on-change事件。 原本的代码如下： 因为limit设置为1，导致uploadFiles只能上传一个，导致第二次上传的时候，虽然上传成功，但只是替换了第一次上传的
文件上传 upload 组件 on-success 事件，添加自定义参数
grootbaby
06-27 3700
参数 "1" 就是添加的自定义参数。多个上传组件也可以传入下标来区分当前使用的 upload 组件是哪一个。
IView中on-change属性的使用
热门推荐
z1035075390的博客
08-28 4万+
本人android开发出身，因工作需要，后台前端的代码也都有涉猎，这两天一直被input标签中的onchange困扰的头昏脑胀，辗转难眠，
iview Element组件的@on-change方法保留默认参数，传递自定义参数
weixin_42556438的博客
03-31 3525
UI组件方法的传参方法一 箭头函数方法二 arguments方法三 调整参数位置 方法一 箭头函数 <Input v-model="value14" placeholder="Enter something..." clearable style="width: 200px" @on-change="(event) => {changeNumber(event, params)}"/&...
【知识整理】iview组件事件额外传参的解决办法
qq_19891827的博客
06-08 1万+
一、最近用iview遇到这样一个需求，在使用iview的组件时，希望在其定义的某个钩子事件的处理函数中传递额外的一个参数，同时又不影响该钩子事件默认的返回值。最后在网上查找资料找到了解决办法，这里把解决方案贴出来，仅供大家参考！二、我们以iview中Input组件为例，首先根据iview中Input组件的文档可以知道,on-change事件是有默认返回值event的，我们保留event返回值的情况...
iview的checkGroup的onchange方法传入多个参数
xinxin_csdn的博客
06-03 4501
<CheckboxGroup v-model="checkAllGroup" @on-change="checked=>checkAllGroupChange(checked,fItem)"> <Checkbox label="香蕉"></Checkbox> <Checkbox label="苹果"></Checkbox&g...
element-ui组件中input等的change事件中传递自定义参数
qq_41022291的博客
06-21 5245
<el-table v-show="isSwitch==true" :data="distributorArr" 部分代码。应该看得懂吧 ：data是绑值 <template slot-scope="scope"> <el-select v-model="scope.row.id" multiple filterable ...
ivew的tree的on-select-change
最新发布
09-16
然后，我们可以在组件中使用Tree组件，并绑定on-select-change事件，设置相应的处理函数，如chentreelick。同时，我们还需要给Tree组件传递数据，通过data属性进行设置。 以下是一个示例代码： ``` <Tree on-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值