element-ui的表单验证为什么没有效果

使用了vue+element框架,编写表单验证时,已经按照官网给的教程写了验证条件,但是打印出来的值是空的,貌似检测不到值的变化,导致我无法做对应的验证,想请教各位是不是有什么地方会影响到这个,如下图:

clipboard.png

相关代码如下:

<el-form :rules="rules" ref="form">
  <el-form-item label="备注:" prop="remark">
    <el-input v-model="remark" placeholder="不超过150个字"></el-input>
  </el-form-item>
</el-form>

data(){
    var checkRemark = (rule, value, callback) => {
        console.log(111,value);
      };
    return {
      remark: '',
      rules: {
          remark: [
            {trigger: 'change',required:true,validator:checkRemark}
          ]
        },
    }
}
阅读 4.9k
1 个回答

el-form 没有绑定 :model
clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题