本篇文章给大家分享的是关于对vue中表单输入绑定和组件基础的分析,有需要的朋友可以参考一下。
目标:
熟练掌握vue中表单的处理方式
对之前学习的内容简单回顾一下,并写一个实例,学以致用(最好脱离文档)
vue中表单的处理方式
-
vue中表单的处理使用了v-model指令, 这个指令可以直接把一个数据绑定到表单元素中的value,checked,selected特性,同时这些特性也会被忽略掉初始值,而总是将vue实例的数据作为数据来源.
立即学习“前端免费学习笔记(深入)”;
使用了v-model之后
之间的插值就不会有效了,会被v-model代替.
双向绑定(v-model)
1.绑定value: text,textarea(字符串)
text:
textarea:
2.绑定checked: checkout(单个绑定布尔值,多个绑定字符串数组), radio(字符串)
checkout(单个):
Perl 基础入门中文教程,chm格式,讲述PERL概述、简单变量、操作符、列表和数组变量、文件读写、模式匹配、控制结构、子程序、关联数组/哈希表、格式化输出、文件系统、引用、面向对象、包和模块等知识点。适合初学者阅读和了解Perl脚本语言。
checkout(多个):
radio:
3.绑定selected: select(字符串)
修饰符(用在v-model指令上)
.lazy: 触发的事件不一样,使用change触发,而不是input触发
.number: 自动转为数字类型
.trim:自动过滤后卫空白符号
例子
form.html
表单输入绑定
相关推荐:









