vue-verify-pop的使用方法

vue-verify-pop 是一个基于 Vue.js 的表单验证组件，支持自定义验证规则和提示信息。使用方法如下：

1. 安装组件：可以使用 npm 或 yarn 安装组件，命令如下：

   npm install vue-verify-pop --save
   或
   yarn add vue-verify-pop

2. 引入组件：

在 Vue 项目的入口文件中引入组件：

   import VerifyPop from 'vue-verify-pop'
   Vue.component('VerifyPop', VerifyPop)

3. 在模板中使用组件：

   <verify-pop :rules="rules" :model="model" :show-icon="true"></verify-pop>

其中，`rules` 是验证规则，格式为一个对象，例如：

   rules: {
     username: [
       { required: true, message: '请输入用户名' },
       { min: 6, max: 12, message: '用户名长度为6~12位' }
     ],
     password: [
       { required: true, message: '请输入密码' },
       { min: 6, max: 16, message: '密码长度为6~16位' }
     ]
   }

`model` 是需要验证的表单数据，格式为一个对象，例如：

   model: {
     username: '',
     password: ''
   }

`show-icon` 控制是否显示验证状态的图标。

4. 触发验证：

在提交表单或者失去焦点的时候，调用 `validate` 方法触发验证：

   methods: {
     submit() {
       this.$refs.verifyPop.validate(result => {
         if (result) {
           // 验证通过，提交表单
         }
       })
     }
   }

`validate` 方法接收一个回调函数，回调函数的参数为验证结果，是一个布尔值。如果验证通过，回调函数的参数为 `true`，否则为 `false`。

以上就是 vue-verify-pop 的使用方法，希望能对你有所帮助。