位置: IT常识 - 正文
推荐整理分享Vue常用修饰符(vue修饰词),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:vue .prop修饰符,vue的常用修饰符,vuejs修饰符,vue .prop修饰符,vue的修饰符async,vue修饰词,vue修饰词,vuesync修饰符,内容如对您有帮助,希望把文章链接给更多的朋友!
1. 事件修饰符 - 处理 DOM 事件细节
2. 按键修饰符 - 为 v-on 在监听键盘事件时添加按键修饰符
3. 系统修饰键 - 实现仅在按下相应按键时才触发鼠标或键盘事件的监听器。
4. 鼠标按钮修饰符 - 限制处理函数仅响应特定的鼠标按键
5. 表单修饰符 - v-model增强的修饰符
一、事件修饰符1. .stop - 阻止单击事件继续传播, 也就是阻止冒泡2. .prevent - 提交事件不再重新加载页面, 可以用来阻止表单提交的默认行为注意点: .stop和.prevent可以串联在一起使用,都会生效
3. .capture - 内部元素触发的事件先在此处理,然后才交由内部元素进行处理4. .self - 只当在 event.target 是当前元素自身时触发处理函数,即事件不是从内部元素触发的注意点: 使用修饰符时,顺序很重要;相应的代码会以同样的顺序产生。因此,用 v-on:click.prevent.self 会阻止所有的点击,而 v-on:click.self.prevent 只会阻止对元素自身的点击。
5. .once - 点击事件将只会触发一次, 不只能对原生DOM时间生效,还可以用在自定义组件上6. .passive - 立即触发默认行为,能够提升移动端性能,和.prevent一起使用时.prevent会被忽略并警告7. .native - 使用时将被当做原生的HTML标签看待,绑定事件可以生效二、按键修饰符1. .keyup - 键盘抬起2. .keydow - 键盘按下3. 按键码 - 在按键修饰符后面添加,用于监听键盘按下哪个键常用按键码: .enter.tab.delete (捕获“删除”和“退格”键).esc.space.up.down.left.right三、系统修饰键 .ctrl.alt.shift.meta可以用如下修饰符来实现仅在按下相应按键时才触发鼠标或键盘事件的监听器。注意点: 修饰键与常规按键不同,在和 keyup 事件一起用时,事件触发时修饰键必须处于按下状态。
.exact 修饰符 - 使用系统修饰符时使用可以单击系统修饰键触发,不适用系统修饰符时使用四、鼠标按键修饰符 .left - 只有鼠标左键点击触发.right - 只有鼠标右键点击触发.middle - 只有鼠标中键点击触发五、表单修饰符1. .lazy - 在表单输入时不会马上显示在页面,而是等输入完成失去焦点时才会显示在页面2. .trim - 过滤表单输入时前后的空格3. .number - 限制输入数字或将输入的数据转为数字注意点: 如果先输入数字,会限制只能输数字, 如果先输字符串则相当于没加.number
上一篇:半监督学习(SEMI-Supervised Learning)(什么是半监督算法)
友情链接: 武汉网站建设