表单验证 trigger

                                 今天做登录界面，学习了trigger的用法，记录一下。

    简单来说就是设置trigger就会自动验证表单填写是不是符合条件的，而trigger就控制什么时候验证。

1.trigger:"blur" 这是当失去焦点时验证。

        填写密码、用户名、手机号、邮箱时可以使用blur

2.trigger:"change" 这是当值改变了时验证。

        用单选框、复选框的时候可以使用biur

<el-form-item  label="用户名"  prop="username"

          :rules="[ {

              required: true,

              message: '请输入用户名',

              trigger: 'blur',

            },

          ]">