表单和输入框怎么设置提交或重置后清空输入的内容

element的form表单和input输入框怎么设置提交或取消后清空输入的内容

回答

使用element的清空表单:

 	<el-form :inline="true" :model="formInline" ref="formInline">
        <el-form-item label="供应商" prop="region">
          <el-select v-model="formInline.region" placeholder="请选择供应商">
            <el-option
              v-for="item in formList.companys"
              :label="item.prop"
              :value="item.value"
              :key="item.value"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="备注" prop="user">
          <el-input v-model="formInline.user" placeholder="请输入备注"></el-input>
        </el-form-item>
      </el-form>
      <span slot="footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="onSubmit">确 定</el-button>
      </span>

另外在onSubmit，方法中加入 this.$refs.formInline.resetFields();

1、每一个el-form-item都需要加上prop，且prop的值要和它里面的input或者select绑定的值名称一直。
2、form表单需要加上ref，值和数据绑定的值一致
3、在调用resetFields()方法的时候this.$refs.formname.resetFields();
这里的formname填的是上面ref的值