淺談VUE， vue + elementui表單重置 resetFields問題（無法重置表單）

問題：

• elementui在重置表單時，無法使用this.$refs['formRefVal'].resetFields()清空表單數據;
• elementui 設置rules后沒有效果

解決方法：

第一步寫入el-form，首先添加ref屬性

 <el-form :model="form" ref="roleform"> </el-form>

第二步每一個 el-form-item標簽里必須加上prop屬性，屬性名一定要對應表單里的每一個屬性

<el-form-item label="姓名" :label-width="formLabelWidth" prop='_name'>
      <el-input v-model="form._name" autocomplete="off"></el-input>
 </el-form-item>

第三步使用resetFields方法清空數據

 this.$refs.roleform.resetFields();

如果使用了$store.state.fm.plan管理關聯表單數據，那么在form中需要添加:model="$store.state.fm"。