关于Element ui加了验证后 填了值 验证不消失的问题

由于不是专业的前端 所以这两天在做前端开发的时候遇到了很多坑 网上百度的答案也好多不管用 还都是复制粘贴 这里记录一下遇到的问题 以免以后再受折磨

之前的写法是这样 我感觉没啥问题 我以为就只加个:rules就好了 结果因为我这个是form.name 还是识别不了好像 最后去elementui看了一下 结果还要写个:model 绑定一下form

<el-form :rules="rules" label-position="right" size="small">
    <el-row :gutter="20">
      <el-col :span="8">
        <el-form-item label="姓名" prop="name">
          <el-input v-model="form.name" placeholder="姓名"/>
        </el-form-item>
      </el-col>
    </el-row>
<el-form>

修改后

<el-form :model="form" :rules="rules" label-position="right" size="small">
    <el-row :gutter="20">
      <el-col :span="8">
        <el-form-item label="姓名" prop="name">
          <el-input v-model="form.name" placeholder="姓名"/>
        </el-form-item>
      </el-col>
    </el-row>
<el-form>

tips：这好像跟前后端没啥关系 是自己粗心了 对不起！