my-vue-plugin-vue3

基于 Vue 3 的验证码组件库，支持滑块、点选等多种验证方式。

安装

# npm
npm install my-vue-plugin-vue3 --save

# yarn
yarn add my-vue-plugin-vue3

# pnpm
pnpm add my-vue-plugin-vue3

如果遇到依赖冲突，可以尝试以下方式安装：

# npm
npm install my-vue-plugin-vue3 --legacy-peer-deps

# pnpm
pnpm add my-vue-plugin-vue3 --force

使用

全局注册

import { createApp } from 'vue'
import App from './App.vue'
import MyVuePlugin from 'my-vue-plugin-vue3'

const app = createApp(App)
app.use(MyVuePlugin)
app.mount('#app')

组件中使用

<template>
  <verify
    :captchaType="'blockPuzzle'"
    :mode="'pop'"
    :imgSize="{width:'330px',height:'155px'}"
    :reqGet="reqGet"
    :reqCheck="reqCheck"
  ></verify>
</template>

<script setup>
const reqGet = async () => {
  // 获取验证码
}

const reqCheck = async (params) => {
  // 校验验证码
}
</script>

版本要求

• Vue >= 3.0.0
• Node >= 14.0.0

常见问题

1. 如果遇到依赖冲突，请尝试使用 --legacy-peer-deps 或 --force 参数安装
2. 确保项目中使用的 Vue 版本与插件兼容（Vue 3.x）
3. 如果使用 TypeScript，请确保 tsconfig.json 中包含了正确的类型声明

注意事项

• 本插件仅支持 Vue 3，如果需要 Vue 2 版本，请使用 my-vue-plugin-vue2
• 建议使用 npm 或 pnpm 进行包管理
• 如果遇到构建问题，请确保已安装所有必要的开发依赖