笔记：Vue事件绑定-默认参数传递问题

最新推荐文章于 2023-06-09 08:42:51 发布

skyseey

最新推荐文章于 2023-06-09 08:42:51 发布

阅读量656

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/sky8880/article/details/126969575

版权

问题：有时候无需要给绑定事件的方法传递参数，同时它本身也有默认参数，这时传入的参数会替代默认参数 .

解决：👇

通过 $event 去接受默认参数👈

👆

例子：♥

<DatePicker @on-change="datepckerHandle(2, $event)" format="yyyy-MM-dd" type="date"/>


 datepckerHandle(logo, val) {
    console.log(logo, val);
 },

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

skyseey

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
笔记：Vue事件绑定-默认参数传递问题

Vue事件绑定-默认参数传递问题
复制链接

扫一扫

props验证与默认值，Vue的双向数据绑定，Vue组件父传子，子传父，兄弟通信

L990614的博客

01-22

432

1. props验证与默认值父props与子props是单向下行绑定：父级的props的值更新会流动到子组件中，但反过来却不行。避免子组件意外改变父级组件的状态，导致数据流混乱。每次父级组件发生更新时，子组件中所有的props都将会刷新为最新的值。不能在子组件内部改变props，否则会导致浏览器控制台发出警告子组件要修改时，用$emit调用自定义事件，父组件接到后由父组件修改改变props的常用例子：这个用来传递一个初始值；这个组件接下来希望将其作为一个本地的数据来使用，要定义一个本地属

vue-antd-pro:vue + ant-design-vue创建后台管理系统模板

03-11

欢迎来到vue-antd-pro :waving_hand: 基于vue-cli3和构建的后台管理系统模板，使用json-server做数据模型。安装依赖安装前端依赖 yarn 安装数据mock依赖 cd server yarn 运行运行数据mock服务 // enter server ...

参与评论您还未登录，请先登录后发表或查看评论

vue的事件中传入的参数会覆盖默认参数，如何处理

Kratial的博客

05-26

888

问题实例： // 子组件 <template>> <div @click.stop="sendInfo">我是子组件</div> </template> <script> export default { methods: { sendInfo(){ this.$emit('sendInfo',{message:'childdata'}) } } } // 父组件 <template>&g

Vue2 事件的默认和传播行为、事件修饰符

weixin_60664694的博客

06-09

1180

在学习vue2时，学到了事件修饰符，但是对事件的默认行为和传播行为不太理解，所以也就是不知道为啥要使用事件修饰符，所以找了一些资料，在此记录一下。

Vue change事件、click点击事件，传参数时保持默认的参数

树上骑个猴的博客

12-15

3300

想要保存事件回调函数原有的参数，在触发事件是添加"$event"参数。 <input type="text" v-model="item.count" @change="updateNumber($event,index)" /> //更新 val为原有的参数，当input的值改变时触发。 index为传入的下标。 updateNumber(val, index) { console.log(val, index); }, ...

Vue函数有回调参数，添加参数时如何保留默认回调参数

weixin_41715271的博客

02-24

388

vue3-element-admin:vue-element-admin的vue3版本

03-08

English ||| 由...赞助活动服务销售平台客户消息直达工作群介绍是用于管理界面的可... 如果要使用旧版本，可以将分支切换到，它不依赖于vue-cli 该项目不支持低版本的浏览器（例如IE）。请自行添加polyfill。准备

vue v-on:click传递动态参数的步骤

10-14

主要介绍了vue v-on:click传递动态参数的步骤，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

vue-emoji-box：vue-emoji-box表情选择器

02-05

cd vue-emoji-box yarn 或 npm install yarn serve 或 npm run serve 插件安装 yarn add vue-emoji-box 使用说明 1.默认使用emoji字符表情，可自定义表情数据，表情包资源建议放置在cdn或本地静态资源目录“ / ...

vue-simple-calendar-sample:vue-simple-calendar的演示应用程序

05-11

Vue-简单日历样本展示vue-simple-calendar组件的示例应用程序这是用于开源vue-simple-calendar Vue组件（）的演示应用程序。有关现场演示，请访问。构建设置 # install dependencies npm install # serve ...

vue使用事件绑定携带参数会覆盖函数默认参数怎么办？

蓝冰凌的博客

05-12

1468

第一种，$event;该方法只能解决一个默认参数的情况 <a-pagination class="optionsPagination" simple@change="optionsPaginationChange($event,index)" :total="knowledgeItem.knowledgeEntries.total" /> 该方法应该不是一个好方法，只是自己摸索出来的，$event的主要功能应该不在这儿。第二种方法： <button @click="((el

Vue 传递第三方组件定义默认参数和自定义参数

qq_38492231的博客

10-26

403

Vue 传递第三方参数默认参数和自定义参数

Vue中获取事件的event 对象（一）——不传参-默认event对象 & 传参数$event-可添加其他参数

weixin_44867717的博客

07-07

4535

vue

VUE第三方组件默认方法事件中，如何一起传入默认参数和自定义参数

json_XIE的博客

12-08

1981

VUE第三方组件默认方法事件中，如何一起传入默认参数和自定义参数

vue3学习三：默认参数

anxiaoxiao61的博客

01-27

3897

默认参数

测试在vue下点击事件传参和不传参的区别

热门推荐

yuzhiboyouzhu的博客

11-25

1万+

<div id = 'app'> <p><button @click = 'test_click1'>{{btn_text1}}</button></p> <br> <p><button @click = 'test_click2("123")'>{{btn_text2}}</button></p> </div> <script src=

Vue——事件绑定保持原参数，添加新的参数

qq812457115的博客

04-29

1351

11、事件绑定的$event（没有传参有默认的e，有传参则必须在后面+$event）

分享java学习路上的一些笔记，不足之处多多见谅。

02-08

575

事件绑定事件绑定的$event（没有传参有默认的e，有传参则必须在后面+$event）这里我们想要的需求是，我们根据数据源data的值来改变我们元素（按钮）的样式能够改变第一种：我们的方法没有传参数的时候，其中我们的方法会有个默认e参数在我们的方法里面

Vue之事件绑定

知识应该共享，创造才应收费

02-25

5412

当我们开发完UI界面后，还需要和用户交互，所谓交互也就是用户可以点击界面上的按钮，文字，链接等以及点击键盘上的按钮，我们开发的程序可以做出对应的反应。做出的反应会通过UI界面再反馈给用户，或是对话框，或是跳转到新页面。总之就是响应用户的某个操作。在VUE3中定义事件绑定可以通过在你想注册点击事件的dom元素中，使用@click = "响应操作的JS函数"的方式来实现，方式不唯一，这种方式是一种简写，感兴趣的可以去官网查看不同的写法，这里主要是为了演示VUE3事件绑定

vue绑定事件传递参数

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交