不可得兼？这样做，Vue框架里真的能用QRCode.js

网页嵌入二维码， 已经稀松平常。前端插入二维码，通常会被推荐QRCode.js这个库。

一般情况下，这个库运行起来轻松+愉快。不过，如果网页恰好使用vue.js来布局，恐怕要犯傻了：

同一张网页，这是我在引入vue.js之前的样子：

正常显示的二维码

但是之后在引入vue.js的时候就傻了：

白茫茫一片

说明两个库之间，可能存在一些冲突。

别想了，网络上给出的教程，啥“vue中引入QRCode.js”之类，普遍都没什么效果。

换句话说，vue.js和QRcode.js，二选一。

当然了，这两个库相比之下，QRCode肯定会被放弃。毕竟它只是个二维码工具，而vue涉及网页主体，改造的成本不可同日而语。

另外，vue本身也有一个二维码工具库，就是vue-qrcode.js。简单好用，学习成本1小时左右。文档移步→vue-qrcode.js

这样，vue中使用二维码的问题，自然就解决了~

不过，如果就连这1小时也不想花，就想用QRCode.js呢？

取巧的办法也不是没有。

QRCode官方文档给出的二维码生成方式是这样的：

实际上，当你通过js创建QRCode以后，这个

下，会创建两个新的子元素：

看到没？img标签下，有二维码图片的真实地址。那么把这个地址本身提取出来，就可以了！

以下，是粗糙的示范：

这样，就算在vue框架下， QRCode也能使用了~