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

問題：

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

解決方法：

    1、表單加ref屬性

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

    2、form的每個item加prop屬性（踩了好久的坑這個,需要和綁定數據的最后名稱一致，prop屬性添加到form-item上）

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

    3、綁定點擊事件中傳入refname

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

    4、注冊事件

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

+ 5、檢查是否有初始值
在data數據上需要掛載表單數據初始值為''

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