vue + elementui表单重置 resetFields问题（无法重置表单）

elementui在重置表单时，无法使用this.$refs['form'].resetFields()清空表单数据及验证规则;

解决办法：

form的每个item加prop属性（踩了好久的坑这个,需要和绑定数据的最后名称一致，prop属性添加到form-item上）。

 

    <el-form-item prop="name">

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

</el-form-item>

    <el-form-item prop="age">

    <el-input v-model="query.age"></el-input>

</el-form-item>

data(){

  return {

    query: {

      age: '',

      name: ""

    }

  }

}

mtehods:{

reset(){

　this.$refs['form'].resetFields()　

}

 

}