form 表单获取表单组件的值
这是最普遍通用的一种方法,所有用户输入的组件放置在form内,当点击form表单中form-type为submit的button组件时
它会将表单组件中的value值进行提交...,当然也不是说非得包裹,那只能使用第二种方法获取控件中的值
其中表单中的switch,radio,checkbox中的checked并不是必须的,可以填写一个默认初始值,进行控制,在本文示例中,我是给了一个初始值...拿到表单中各个表单组件的值,代码量少,简单
缺点: 处于form表单之外的其他表单控件值是无法拿到的,button按钮页必须要在form内,并且写法固定
下面介绍一种非表单提交方式,也就是不依赖form...事件,需要触发setData,但频繁的触发setData是比较消耗性能,在表单组件不是很多的情况下,可以选用此方式
注意
传统form提交数据时,必须要设置name来作为key,否则就拿不到表单组件中的值...form结合button组合的方式,这种方式有局限性,所有的表单组件都需要在form内,通过在表单组件内设置name值的方式获取表单组件中的值(必须要设置,否则拿到表单组件的值就是`undefined`