vue用QrCode 插件根据内容(网址、文本)生成二维码

代码

<img :src="ceshiurl" alt="" />

装QrCode插件(概率安装失败,失败的话就多装几次)

//安装
npm install qrcode -S 
//安装结束

js

import QrCode from 'qrcode'
//需要引入上述代码块
export default {
	data() {
    	return {
	    	ceshiurl: '',
    	}
	created() {
		this.ces()
	}
  	methods: {
  		ces(){
			var url = 'https://www.baidu.com/'
			let canvas = document.createElement('canvas')
			canvas.width = '100%'
			canvas.height = '100%'
			QrCode.toCanvas(canvas, url, (error) => {
				if (error) {
					console.log(error)
					this.ceshiurl = error
				} else {
					this.ceshiurl = canvas.toDataURL('image/jpeg')
					console.log(canvas.toDataURL('image/jpeg'))
				}
			})
	  	}
	}
}

代码使人心情愉悦

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值