vue事件修饰符
来源:互联网 发布:嘉实优化红利基金净值 编辑:程序博客网 时间:2024/09/21 13:41
<!-- 阻止单击事件冒泡 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSubmit"></form><!-- 修饰符可以串联 --><a v-on:click.stop.prevent="doThat"></a><!-- 只有修饰符 --><form v-on:submit.prevent></form><!-- 添加事件侦听器时使用事件捕获模式 --><div v-on:click.capture="doThis">...</div><!-- 只当事件在该元素本身(比如不是子元素)触发时触发回调 --><div v-on:click.self="doThat">...</div>使用修饰符时,顺序很重要;相应的代码会以同样的顺序产生。因此,用@click.prevent.self
会阻止所有的点击,而@click.self.prevent
只会阻止元素上的点击。<!-- 点击事件将只会触发一次 --><a v-on:click.once="doThis"></a>
阅读全文
0 1
- vue-事件修饰符
- vue事件修饰符
- 事件修饰符vue.js
- vue笔记--事件修饰符
- Vue 事件修饰符 详解
- vue中常见的事件修饰符
- Vue 事件修饰符.self的用法
- vue基础事件\按键修饰符
- vue-事件修饰符和按键修饰符
- vue.js中的事件修饰符.self的用法。
- vue.js 中的.capture事件修饰符的用法。
- vue.js中的事件修饰符的使用
- 前端框架vue.js系列(4):事件修饰符与按键修饰符
- vue,js修饰符
- vue的修饰符
- vue-按键修饰符
- Vue.js- 修饰符
- vue .sync 修饰符
- Java作业-阶乘求和
- 9月7日云栖精选夜读:ApsaraDB for HBase性能/延时全面领先社区版本
- Oracle中insert into select和select into的用法(异常0RA-00905:missing keyword的解决)
- Caused by: java.lang.NoClassDefFoundError
- Python基础之文件读写和列表字典使用 ——《侠客行》文本分析
- vue事件修饰符
- Oracle--ORA-01012问题
- fatal error LNK1112: module machine type 'X86' conflicts with target machine type 'x64'
- 返回最大天数(中兴机试-9.08)
- (Basic algorithm学习笔记)《基础算法三》- 枚举
- Android中对RecyclerView的帮助类Snaphelper使用
- 解决win10系统命令提示符添加路由时提示请求的操作需要提升问题
- Hadoop-2.7.2集群的搭建——集群学习日记
- STL nth_element神器