vue3 实现二维码功能，通过qrcode 插件

二维码实现

奈子米

4274人浏览 · 2022-04-07 09:30:41

奈子米 · 2022-04-07 09:30:41 发布

这篇文章讲的是vue3 使用二维码插件， vue2 可以移步至：

http://t.csdn.cn/jq5ENhttp://t.csdn.cn/jq5EN

1 。首先命令行引入插件

npm install --save qrcode.vue

或 yarn add qrcode.vue

2。qrcode 详解中有介绍，可以全局引入，也可以在单独的组件中使用，想了解详情可以参考以下地址：
qrcode 在gitHub 上详解https://github.com/scopewu/qrcode.vue/blob/main/README-zh_cn.md在这里着重讲解一下在组件中的使用。

第一次使用可能会出现二维码无法加载的情况，可以关掉项目或者浏览器重新启用试试。反正我遇到的这种情况就是这么解决的，就很神奇。有知道原因的烦请相告。感谢大佬们！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^