vue + elementui表單重置 resetFields問題（沒法重置表單）

問題：

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

解決方法：

• 一、表單加ref屬性

<el-form ref="refname"></el-form>

• 二、form的每一個item加prop屬性（踩了很久的坑這個,須要和綁定數據的最後名稱一致，prop屬性添加到form-item上）

<el-form-item prop="name">
    <el-input v-model="query.name"></el-input>
</el-form-item>

• 三、綁定點擊事件中傳入refname

<el-form-item>
    <el-button @click="resetForm('refname')">清空</el-button>
</el-form-item>

• 四、註冊事件

restForm(refname) {
   this.$refs[refname].resetFields()
}

+ 五、檢查是否有初始值
在data數據上須要掛載表單數據初始值爲''

• 若是使用了$store.state.fm.plan管理關聯表單數據，那麼在form中須要添加:model="$store.state.fm"。
• 趕忙試試吧，能夠的話記得點贊嘍