vue表单验证无效

最新推荐文章于 2024-06-28 11:10:58 发布

weixin_44470436

最新推荐文章于 2024-06-28 11:10:58 发布

阅读量2.5k

点赞数 2

文章标签： vue

本文链接：https://blog.csdn.net/weixin_44470436/article/details/106782767

版权

Property or method “rules” is not defined on the instance but referenced during render.

看下面的图，一定要注意表单验证规则rules是加在return里面的，不是return外面！！

export default {
  data () {
    return {
      form: {
        username: 'sk',
        password: ''
      },
      rules: {
        username: [
          { required: true, message: '请输入用户名', trigger: 'blur' },
          { min: 6, max: 13, message: '长度在6-13位', trigger: 'blur' }
        ]
      //这里是return的介绍括号}
    }
  }
}