艺海无涯,学无止境。欢迎一起探讨研究技术。

Vue

Vue

事件修饰符

   在事件处理器中经常需要调用 event.preventDefault() 或 event.stopPropagation()。尽管我们在方法内可以轻松做到,不过让方法是纯粹的数据逻辑而不处理 DOM 事件细节会更好。 为了解决这个问题,Vue.js 为 v-on 提供两个 事件修饰符:.prevent 与 .stop。你是否还记得修饰符是点号打头的指令...

Vue

lazy 特性在 change 中同步

   在默认情况下,v-model 在input 事件中同步输入框值与数据,可以添加一个特性 lazy,从而改到在 change 事件中同步: <!-- 在 "change" 而不是 "input" 事件中更新 --><input v-model="msg" lazy>

Vue

number 限制输入为数字

   number 如果想自动将用户的输入保持为数字,可以添加一个特性 number: <input v-model="age" number>

Vue

debounce 设置延迟

   debounce  debounce 设置一个最小的延时,在每次敲击之后延时同步输入框的值与数据。如果每次更新都要进行高耗操作(例如在输入提示中 Ajax 请求),它较为有用。 <input v-model="msg" debounce="500">