博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-随笔-form-elements
阅读量:5039 次
发布时间:2019-06-12

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

当元素为text的时候:

        

{

{text}}


data:{ text:'', }

当元素为checkbox的时候(单个的时候)选择的话为true,否则为false

        

{

{checked}}


data:{ checked:'', }

1202026-20180530220620438-1142333352.png

当CheckBox为多个的时候,这时候需要在元素上加上value属性并赋值,选中的话,会获取value的值

{

{ch}}


data:{ ch:[], }

1202026-20180530220816366-19746140.png


当元素为radio的时候

                

{

{radio1}}

data:{ radio1:'' }

1202026-20180530220921396-1765073521.png

1202026-20180530220931886-1443645532.png


select元素(单选),注意,如果option的元素没有value属性的值的话,获取的结果以option元素的文本内容

如果有value的值的时候,获取的时候获取value的值

        

{

{select1}}

data:{ select1:'' }

1202026-20180530221655922-1634376539.png

select元素多选的时候,记得也是要加value属性的

还要记得在select元素加上multiple

        

{

{select2}}

data:{ select2:[] }

1202026-20180530222047470-1306272136.png

我们可以获取表单元素里面的值

    methods:{        gain:function(){            console.log(123);            console.log(this.text,this.checked,this.ch,this.radio1,this.select1,this.select2)        }    }

1202026-20180530223437313-1352451687.png

转载于:https://www.cnblogs.com/cyany/p/9113943.html

你可能感兴趣的文章
2018.11.24 poj2774Long Long Message(后缀数组)
查看>>
Python之路【第十六篇】Django基础
查看>>
nyoj 最长公共子序列(LCS)
查看>>
java基础 三 概念和java程序的结构.
查看>>
jedis应用实例
查看>>
Netty实战八之引导
查看>>
如何做一个自己的开源聊天项目?(仿微信)
查看>>
C#异步编程
查看>>
XML的简单读取与写入
查看>>
关于dojo模块化引入包的问题
查看>>
Linux下 网卡测速
查看>>
17秋 软件工程 团队第五次作业 Alpha Scrum1
查看>>
17秋 软件工程 团队第五次作业 Alpha 测试报告
查看>>
js 定时器
查看>>
iOS CoreAnimate 动画实现
查看>>
BZOJ5300 [Cqoi2018]九连环 【dp + 高精】
查看>>
BZOJ4036 [HAOI2015]按位或 【minmax容斥 + 期望 + FWT】
查看>>
splay tree 学习笔记
查看>>
NOIP2017 【游记】
查看>>
BZOJ1452 [JSOI2009]Count 【树套树 (树状数组)】
查看>>