uniapp vue2支持微信小程序生成一维码、二维码

476 阅读1分钟

需求:在页面中展示一维码、二维码。 由于项目中同时需要一维码、二维码就选择了插件市场二维码 条形码生成 支持链接 支持nvue 支持纯文字 - DCloud 插件市场 使用方法在官方文档有详细描述,此贴仅记录一下。

具体操作:

  1. 在pages.json中配置插件 "^w-(.*)": "@uni-ui/code-ui/components/w-$1/index.vue"

image.png 2. 配置完成后,就可以在页面中直接使用了

一维码使用:
vue文件中直接写入标签:
<w-barcode :options="options"></w-barcode>
在js中配置option     

> image.png

   二维码使用:
   vue文件中直接写入标签:
   <w-qrcode :options="qrOptions"></w-qrcode>
   在js中配置option

> image.png

  1. 上述配置完成后,code赋值完就可以显示二维码或者条形码了,如下图所示:

image.png