vue点击生成二维码(通过插件来实现)
1、点击事件
@click="share"
2、页面
<!-- 二维码 -->
<van-overlay :show="show" @click="show = false">
<div class="wrapper">
<div class="block">
<p>分享</p>
<div>
<img :src="imrUrl" />
</div>
</div>
</div>
</van-overlay>
3、data里面的值
show: false,
imrUrl: ""
4、下载插件
插件地址:https://www.npmjs.com/package/qrcode
npm install --save qrcode
5、使用(官网)
import QRCode from 'qrcode' //那使用哪用
// With promises
QRCode.toDataURL('I am a pony!')
.then(url => {
console.log(url)
})
.catch(err => {
console.error(err)
})
5、点击事件的方法
// 点击分享
share() {
this.show = true;
let url = location.href;//获取当前地址栏的地址
console.log(url);
QRCode.toDataURL(url)
.then(tpian => {
console.log(tpian);
this.imrUrl = tpian;
})
.catch(err => {
console.error(err);
});
},
本人开发的微信小程序(已上线)、公众号及网站二维码:
有兴趣的可以进去看看或者动动你们勤劳的双手点个关注哟 作者在此谢谢大家了。
1、佩奇网(微信小程序):一个IT技术社区,对大家很有帮助的,都有超前的技术分享
2、江小鱼(公众号):一个分享程序人生或者经验哲理的公众号
3、网站:暂时还没想好放什么,不过后续想好会放上去