开始一直以为代码或者单词写错了,来回测试调试.都正常就是不能实现清空效果,

    <el-form ref="formRef" :model="form" label-width="80px">
      <el-form-item label="活动名称">
        <el-input v-model="form.name"></el-input>
      </el-form-item>
      <el-form-item prop="password" label="密码">
        <el-input v-model="form.password" ></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="Submit">登录</el-button>
        <el-button @click="cancel">取消</el-button>
      </el-form-item>
    </el-form>

后来想到是不是和校验有关 然后加了一个,果然好了…

    <el-form ref="formRef" **:rules="rules"** :model="form" label-width="80px">
      <el-form-item label="活动名称">
        <el-input v-model="form.name"></el-input>
      </el-form-item>
      <el-form-item prop="password" label="密码">
        <el-input v-model="form.password" ></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="Submit">登录</el-button>
        <el-button @click="cancel">取消</el-button>
      </el-form-item>
    </el-form>

加入校验规则:

password: [
          { required: true, message: '请输入活动名称', trigger: 'blur' },
          { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
        ]

最后惊奇的发现加验证规则的这个重置功能已经实现,另外一个没加的还是没有任何效果 这是个小坑 大家注意 个人理解和经验,有误麻烦留言我及时改进 谢谢