element-ui路由验证

正常添加规则

 <el-form ref="form" :rules="rules" :model="dialog.data">
       <el-form-item label="商品编号" prop="activity">
                     <el-input v-model="dialog.data.activity_sn" placeholder="商品编号" />
       </el-form-item>
</el-form>
<script>

export default {
  data() {
    return {
        dialog: {
          data: {},
        rules:{
            activity: [{ required: true, message: '请输入商品编号', trigger: 'blur' }],
        }

    }

  }

</script>

1：在el-form中通过 ：rules 绑定script中的rules  :model监视form数据  

2:  在script标签中填写规则rules: {[ ]}

3:  在<el-form-item>中用prop绑定规则名称与script中rules中的名称对应

注意事项：

v-model监听的数据要在form表单监听的数据中；