一键生成二维码

最新推荐文章于 2024-07-23 11:32:13 发布

白柚Y

最新推荐文章于 2024-07-23 11:32:13 发布

阅读量65

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/m0_67084957/article/details/132429445

版权

<el-button type="primary" @click="OpenSource">生成二维码</el-button>

import QRCode from 'qrcode'


//生成二维码
    OpenSource() {
      const check = /^[1-9][0-9]*$/
      if (!check.test(this.sourceNum) || (this.sourceNum && this.sourceNum.length > 9)) {
        this.$message.error('只能输入最多9位数的数字！')
        return
      }
      this.sourceLinkling = `${this.previewWebUrl}
      &channel=${this.sourceNum}`
      QRCode.toDataURL(this.sourceLinkling)
        .then(url => {
          this.channelUrl = url
        })
        .catch(err => {
          console.error(err)
        })
    },