博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue.js表单控件绑定
阅读量:6824 次
发布时间:2019-06-26

本文共 914 字,大约阅读时间需要 3 分钟。

可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖,它负责监听用户的输入事件以更新数据,并特别处理一些极端的例子。

1、单行文本

    

Message is:{

{message}}

2、多行文本

    
Mulitline message is:

{

{message}}

3、复选框

    

4、复选框(升级版)

    
Checked names:{
{checkedNames}}

5、单选按钮

    
Picked:{
{picked}}

6、选择列表

    
Sclected:{
{selected}}

7、绑定value

复选框

    

{

{toggle}}

单选按钮

    

{

{picked}}

转载地址:http://cgrzl.baihongyu.com/

你可能感兴趣的文章
shell脚本编程学习之路-分支与循环结构
查看>>
RRPP+链路聚合案例(某公司传输网)
查看>>
IT管理员变更计划,切记三思而后行
查看>>
gdb 调试过程中修改变量的值
查看>>
第三十天 MySQL语句DDL、DDL语句索引的策略、Select查询语句、子查询视图
查看>>
虚拟机性能监控与故障处理工具
查看>>
indexOf(),substring()函数的学习与使用总结
查看>>
Php提升效率优化技巧
查看>>
网站性能监测工具Boomerang
查看>>
RedHat Linux 7.2 简介与安装
查看>>
阿里巴巴西湖品学大数据峰会笔记与观后感
查看>>
****** 致命八枪
查看>>
Android如何使用新浪微博的OAuth SDK
查看>>
Linux字符串截取命令
查看>>
如何计算IP地址及CIDR
查看>>
.net开发管理之web.config
查看>>
C语言数据结构学习笔记(3)--冒泡排序
查看>>
推荐!国外程序员整理的Java资源大全
查看>>
我的友情链接
查看>>
Node.js(十五)——Net模块之Stream
查看>>