Vue-2-表单

vue

一、表单

1.1双向数据绑定v-model(vue独有的功能,其他框架都没有)

v-model相当于替代了value的属性,但是它更高级,因为双向操作,改变data里的数据,input框的值跟着变,改变input框里的值,data里的数据也跟着变,这个功能是vue独有的,react都没有,很强大。

上下跟着变

1.2 ref取名

有时不想用双向绑定,只是想获得输入框的值

失去焦点获得输入框的值,自己取名叫myInput,类似于原生js操作节点来获取值;不仅仅只能拿到输入框的值,可以拿到任何元素的值,@refs.自己取的名字+元素

1.3 复选框

通过v-model来控制选不选中

1.4 单选框

以上是 Vue-2-表单 的全部内容, 来源链接: utcz.com/z/378174.html

回到顶部