1、创建canvas标签
先在 wxml 文件中,创建绘制的 canvas,并定义好 width, height, canvasId 。由于小程序没有动态创建标签的api,所以这一步不能省略。
<canvas style="width: 200px;height: 200px;" canvas-id="myQrcode"></canvas>
2、调用绘制方法
可以执行一下命令下载weapp-qrcode
npm install weapp-qrcode --save
引入 js 文件后,调用 drawQrcode() 绘制二维码。
import drawQrcode from 'weapp-qrcode'
新加方法:
export default{
data(){
return{
};
methods:{
markq(){
drawQrcode({
width:300,
height:300,
canvasId:'myQrcode',
text:"https://www.baidu.com/"
})
}
},
onLoad:fu