form-表单

获取表单控件值，联动<el-input> <el-textarea> <el-address> <el-radio> <el-file> <el-img>控件

使用指南

在page.json中引入组件

{
    "usingComponents": {
      "el-form": "component/_form/form"
    }
}

属性

<el-button>

type的合法值:

事件

以下事件都由用户主动触摸el-button控件触发。

bindsubmit: function (e) {} 提交

@e.detail

bindreset: function (e) {} 重置

使用

<el-form name='from'>
    <!-- 详细的表达控件请看控件说明 -->
    <el-input name='age' />
    <el-textarea name='remark' />
    <el-address name='address' />

    <el-button type='submit'>提交</el-button>
    <el-button type='reset'>重置</el-button>
</el-form>

参考<el-input>、<el-textarea> 、<el-address>.

依赖

已知问题

Q: 无法获取所支持表单值

A: 1. 当使用cell等这类控件包裹时、form无法获取。

<el-from name='from'>
 <!-- 这种情况无法获取 -->
 <el-cell>
  <el-input name='sex' />
 </el-cell>

 <!-- 改成这样既可 -->
 <view>
  <el-input name='age' />
 </view>
</el-form>

A: 2. 通常未设置name属性，在form所有支持的表单控件获取前提是设置name，比如下方代码，

<el-form name='from'>
    <!-- 下方input可被from铺抓 -->
    <el-input id='one' value='' name='sex' />
    <!-- 下方input无法被from铺抓 -->
    <el-input id='two' value='' />
</el-form>