您现在的位置是:首页 > Javascript
当前栏目
vue事件修饰符
2023-04-18 15:18:58 时间
从vue中看,事件处理函数内部应该更多的聚焦业务功能
的实现上,而不是这些琐碎的时间对象处理
所以vue
提供了很多事件修饰符
keyup键盘事件
`<input @keyup.enter="submit">//keyup事件触发后,判断是回车键时执行submit
<input @keyup.page-down="next">//keyup事件触发后,判断是Pgon时执行next
.native原生事件
<input @keyup=""/>//keyup为原生DOM事件,按键抬起事件发生
<el-input @keyup=""/>//这个elementUI的组件标签会被`vue`认定为`自定义标签`中的`自定义事件`
-
那么,在为
自定义组件
绑定原生事件
时,一般都会加一个.native
修饰符来告诉vue
:这是一个原生事件
,而不是组件的自定义事件 -
像在elementUI组件标签等一类的自定义标签中使用
原生事件
时,就请加上一个.native
吧
相关文章
- Spring Boot单元测试用例
- 【Win 10应用开发】Adaptive磁贴模板的XML文档结构
- Vuex真的不适合Vue3了吗?
- vue核心知识点
- 网络犯罪者顶级域名使用分析:.com和发展中国家中招最多
- 使用 HTML、CSS、JavaScript 创建一个简单的井字游戏
- vue路由懒加载及组件懒加载
- 【VS技巧】根据XML自动生成类型
- Vue实现文件上传(带进度条和取消上传功能)
- vue与react的数据绑定
- 实战MEF(1):一种不错的扩展方式
- Vue中keep-alive的深入理解和使用
- Ruby on Rails 基础(9)
- RabbitMQ 的CLI管理工具 rabbitmqadmin(1)
- 网站建设涉及到的技术有哪些?
- 深度解析CSS中的单位以及区别
- css列表属性和样式控制
- HTML5(三)——Web 本地存储
- 前端已死?全栈当立?取法于中,仅得其下。
- HTML5(七)——SVG基础入门