【vue】change事件在保留默认形参的情况下传递自定义形参

最新推荐文章于 2024-02-14 22:14:59 发布
最新推荐文章于 2024-02-14 22:14:59 发布
阅读量1.3k 收藏 3
点赞数
分类专栏： vue工作 文章标签： 有默认形参，传递自定义形参 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/thcoding_cat/article/details/115514681
版权 
input事件只有一个默认参数：e,但是我想多传递一个别的参数
<a-input :value="record.transferAmount" @change="toChangeInput"/>

 解决：

写法一：

//多传递单个参数
@change="e => toChangeInput(e, record)"

//假设默认参数有两个：oldval, newval
@change="(oldval, newval) => toChangeInput(oldval, newval, record)"

写法二：

//$event 代替 e
@change="toChangeInput($event,record)"

 

谭CV
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue组件之自定义事件的功能图解
08-28
本文通过图文并茂的形式给大家介绍了Vue组件之自定义事件的功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下
Vue EventBus自定义组件事件传递
08-27
主要介绍了Vue EventBus自定义组件事件传递，组件化应用构建是Vue的特点之一，本文主要介绍EventBus进行数据消息传递 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue下的@change事件的实现
10-16
主要介绍了vue下的@change事件的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue子组件使用自定义事件向父组件传递数据
08-30
主要介绍了vue子组件使用自定义事件向父组件传递数据的方法，非常不错，具有参考借鉴价值,需要的朋友可以参考下
elementUI 使用input等组件，change事件想传两个（或以上）参数（一个默认的value，一个自定义的value）的方法
add-oil的博客
01-17 5550
直接上代码吧 <el-input-number @change="((val)=>{handleChange(val,items.id)})" v-model="items.number" :min="1" :max="maxProNum" label="描述文字"> </el-input-number> handleChange (value, id) ...
element-ui input @change事件中保留默认参数情况下并传入自定义参数
WaiteZQ的博客
04-06 1566
elementUI @chang事件保留默认值并传入自定义参数
vue select change事件传递自定义参数
热门推荐
JiaPeng366的博客
08-06 1万+
今天记录一个小问题，最近get到的一个方法，不太常用，记录一下，增强记忆吧。 之前在vue项目中，也经常使用select标签，也经常用change事件，经常用的change事件中，一直有个默认参数，就是选中的选项的信息，最近一个需求除了需了选中项信息外，还需要其他的参数，今天记录一下这种传参方式，直接上代码。 // 普通用法，没有自定义参数 @change="handleChange()" handleChange (value) { // value 是change事件默认传的信息 } // 需要
input change获取改变之前的值和改变之后的值_使用Vue3.0新特性造轮子 WidgetUI3.0 （Input输入框组件）
weixin_39622399的博客
11-20 2238
我们先看看组件效果图：基本用法type属性(type="password")占位符(placeholder="请输入")带清除按钮(clear)输入限制(max=6)props组件属性：type(类型 String)组件输入的类型，默认 "text"，可选所有原生input类型。max(类型 String || Number)组件输入限制。placeholder(类型 String)组件默认显示文...
@change检测输入域变化和传递复杂参数
Vevean2545116309的博客
01-08 1073
change()方法：当元素的值发生改变时，会发生 change 事件。 给input标签绑定change事件： 当Input内容发生变化时，对内容进行监听修改： 输入框Input的值获取：event.target.value
el-input的@change事件自定义传参
JandyPam的博客
12-27 3525
el-input的@change事件自定义传参
element-ui input如何在@change事件中保留默认参数情况下传入自定义参数
LJJONESEED的博客
04-11 844
change应该只有一个默认回调参数，这样写： @change="val => countTotalArea(val, 'roomAreaSelfuse')" 多个的回调参数写法： @change="(oldval, newval) => countTotalArea(oldval, newval, 'roomAreaSelfuse')"
Vue中@change、@input和@blur、@focus的区别及@keyup介绍
最新发布
qq_27480007的博客
02-14 1142
Vue中@change、@input和@blur、@focus的区别及@keyup介绍
element-ui中的input的change事件中传递参数
weixin_44937463的博客
12-11 4815
element-ui中的input的change事件中传递参数 @change="((val)=>{changeStatus(val, index)})"
Vue 中change事件除了默认参数value ，如何传递自己的参数
abd041415的博客
01-12 5444
但是这种方式分场景，如果你的myprops在data中定义好的那么就可以传过去，如果myprops参数是像for循环里的每个item项目，那就报错，提示你在data或者method中定义该参数或者方法。这种方法任何场景中可以使用，如果除了value像传第二个myprops参数，那么把value参数改成$event,后面就可以传自己的参数了。这是在uni-app 中的uni-number-box组件上的change事件接受两个参数的实例。3为value值 uni-number-box中代表加减框当前的数值。
elementUI-input输入框change事件添加其他参数
xiaojie的博客
03-22 3460
需求：在下拉框值改变的时候，我们需要记住改的值得index，并且根据index找到下拉框数组对应数组中的对象，改变对象其他参数的值 问题：elementUI中，change事件值携带了value，如果我们写成@change=“changeValue(value,index)",代码则会直接报错 解决办法：@change="((val)=>{changeValue(val, index)})"通过箭头函数来进行传参 ...
uniapp，@input @change @blur 等事件，需要传额外参数的方法
青衫折扇的博客
06-09 1万+
这里以input为例，先看效果
表单输入 @change事件
bugsssss999的博客
05-26 138
做一些基本的判断，不让用户输入文字、字母或者负数等
【vue】关于实时获取input值的三种方法
qq_44897899的博客
10-29 3065
仅用于学习记录。视频：VUE学习 第一种 <div id="app"> <input type="text" v-model="message"> <h2>{{message}}</h2> </div> <script src="vue.js"></script> <script> const app = new Vue({
a-input-number change事件怎么传id
weixin_66907345的博客
03-22 417
a-input-number change事件怎么传id
Vue 自定义事件传递数据
09-07
Vue 自定义事件可以用于在组件之间传递数据。通过在父组件中使用`$emit`方法触发自定义事件，并在子组件中使用`$on`方法监听该事件，可以实现子组件向父组件传递数据。 在Vue中，可以使用`emits`选项来声明组件支持的自定义事件。在子组件中，使用`this.$emit(eventName, data)`方法触发自定义事件，并传递数据data。父组件可以通过监听这个自定义事件来接收子组件传递的数据。 另外，还可以通过在子组件中使用`v-on`或`@`语法来绑定父组件的自定义事件，从而实现子组件向父组件传递数据。在子组件中触发自定义事件后，父组件可以通过事件处理函数来接收传递的数据。 综上所述，Vue 自定义事件是一种很方便的方式来传递数据和实现组件之间的通信。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Vue自定义事件(详解)](https://download.csdn.net/download/weixin_38641339/13624910)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Vue自定义事件](https://blog.csdn.net/qq_48731430/article/details/121779200)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [Vue 自定义事件实现子组件数据向父组件传输](https://blog.csdn.net/weixin_41987908/article/details/127498540)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值