vue+qrcodejs2+二维码可根据参数刷新
vue+qrcodejs2+⼆维码可根据参数刷新1.安装 qrcodejs2
npm install qrcodejs2 --save
2.引⼊资源
import QRCode from "qrcodejs2";
3.写⼊html
<div id="qrcode" ref="qrCodeDiv"></div>
4.⽣成⼆维码
data() {
return {
text: "",
userid: null，
id: ""
};
},
computed: {
qrcodeurl() {
let baseURL = "baidu";
let TEST= this.userid;
let TEST1= this.id;
let TEXT= );
if (TEST&& TEST1&& TEXT) {
return `${baseURL}/${TEST}/${TEST1}?text=${TEXT}`;
}
部分iPhone下调以旧换新价格}
四字女生网名
},
安慰心情不好的句子watch: {
qrcodeurl(newurl) {
if (newurl) {
// 先清空原来的内容
this.$refs.qrCodeDiv.innerHTML = "";
this.mutationCallBack();
}
}
},
methods: {
梦到掉牙齿// 调⽤⽣成⼆维码，必须使⽤$nextTick
mutationCallBack() {
let _this = this;
_this.$nextTick(() => {
第二轮“双一流”建设高校名单公布_ateQrCode();
});
},
createQrCode() {
//创建⼆维码，qrcode（<div id="qrcode" ref="qrCodeDiv"></div>）
世界上最贵的车是哪辆
let qrcode = new QRCode("qrcode", {
width: 106,
height: 106,
text: this.qrcodeurl
});
},}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。