element ui 重置表单后，输入框里面无法输入文字

最近在开发中对表单进行重置之后，发现在输入框输入文字无法输入

先输入文字然后点击重置之后想再次输入文字却没有反应，输入不了

 

表单绑定的数据：

表单数据太多，这里在这省略，只写一个  
<el-form :model="params" ref="ruleForm" :inline="true" size="mini">
        <el-form-item label="订单编号" prop="orderId">
            <el-input
              v-model="params.orderId"
              placeholder="订单编号"
              @keyup.enter.native="handleFilter"
            />
      </el-form-item>
  </el-form>

原先代码
 data() {
    return {
      prams: {},
    };
  },
  this.$refs.ruleForm.resetFields()

 

this.$refs[‘form’].resetFields()方法是重置表单到初始值，而不是清空表单，当表单在第一次渲染时所有的数据就是初始数据 

这个是重置为初始值，然后我发现我原先的代码表单绑定的params为{}

改进之后的代码

 data() {
    return {
      params: {
        afterId: "",
        itemName: "",
        nickname: "",
      },
    };
  },
 this.$refs.ruleForm.resetFields();

写到这里，我的问题已经得到解决。