vue电商项目遇到的坑

最新推荐文章于 2021-09-24 11:46:43 发布

zuobolan

最新推荐文章于 2021-09-24 11:46:43 发布

阅读量366

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/zuobolan/article/details/117513542

版权

1.低级错误1

 loginFormRules:{
        // 表单验证规则对象
        username:[
          { required: true, message: '请输入登录名称', trigger: 'blur' },
          { min: 3, max: 10, message: '长度在 3 到 10 个字符', trigger: 'blur' }
        ],
        // 验证密码
        password:[
            { required: true, message: '请输入正确的密码', trigger: 'blur' },
            { min: 6, max: 12, message: '长度在 6 到 12 个字符', trigger: 'blur' }
        ]
        // 注意多行规则的最后一位一定一定不要加,组件会无法生效而且报错检测不出来!!!
        //找bug找到死!!
      }

2.低级错误2

 methods: {
    resetLoginForm() {
      // 点击重置表单
      console.log(this);
      //显然通过this可以直接访问到form的实例对象,引用对象$refs
      this.$refs.loginFormRef.resetFields();
    },
    login() {

    }