vue 修饰符

1.  v-model修饰符:

v-model.lazy=‘message’  这时message并不是实时改变的,而是在失焦或按回车时才更新;

v-model.number=‘message’    .number可以将输入转换为Number类型,否则你输入的虽然是数字,但它的类型其实是String;

v-model.trim=‘message’    .trim可以自动过滤输入的首尾空格;

2.   @click调用的方法名后可以不跟(),此时,如果该方法有参数,默认会将原生事件对象event传入,event.currentTarget即为当前元素自身;Vue提供了一个特殊变量$event,用于访问原生DOM事件;

3.   Vue事件修饰符:

.stop(阻止事件冒泡)

.prevent(阻止默认事件)

.capture(使用事件捕获模式)

.self(只当事件在该元素本身(而不是子元素)触发时触发回调)

.once(只触发一次,组件同样适用)

原文地址:https://www.cnblogs.com/wstmljf/p/9622109.html