7Vue-表单与v-model

192 阅读1分钟

7.1 基本用法

cn.vuejs.org/v2/guide/fo…

7.2 三个修饰器

 v-model.lazy ,当文本框失去焦点的时候才会更新下面的视图
 1 input事件, 键盘 鼠标 等任何输入设备
 2 change事件, 只在input失去焦点时触发
 
v-model .number
    文本框的值会转变为number类型,不使用number修饰器的情况下,就算输入数字也还是string类型
v-model.trim
    消除左右两边空格

7.3 v-model

v-model是v-bind:value和v-on:input的语法糖
v-on:input="xxx=$event.target.value"

7.4 如何使用ant-design-vue

如何查看一个项目是否维护,eg: element 查看commit最后提交日期 不要使用3个月内没有维护的前端组件. 因为前端变化特别快.

image.png

image.png

ant-design-vue的官网 www.antdv.com/docs/vue/in…

先安装ant design

看官网的快速上手