效果图
1,下插件
cnpm i vue-qr --save
2,在需要的页面引入,或者全局引入,我这里是局部引入,因为只有一个页面用到了。 html
<vue-qr :text="text" :size="200" :margin="0" />
js
import VueQr from 'vue-qr'
export default {
components:{
VueQr
},
data(){
return{
text:'',//二维码内容
}
}
将需要生成二维码的值赋值给text就可以了。