Vue表单的整体处理

在前端的处理中,表单的处理永远是占高比例的。在BOM+DOM+js的时候是这样,在Vue的时候也是这样。Vue的表单处理做了特别的优化,如值绑定、数据验证、错误提示、修饰符等。

表单组件的示例:





v-model在Vue中有三种修饰符:

v-model.lazy :由原来的input事件之后更新v-model的值改为change事件之后更新v-model的值,这对复合组件和计算属性有很大的作用

v-model.number  :用户输入的内容会被自动转换为数字,输入框有type="number"时会自动启用

v-model.trim  :用户的输入内容会自动去除两端的空格

你可能感兴趣的:(2022技术栈系列,vue.js,前端,javascript)