vue使用QRCode生成二维码进行加密跳转

第一步：VUE里安装QRCode.js包
npm install qrcode
第二步：在组件中导入

  import QRCode from 'qrcode'

第三步：使用elementui自带el-dialog事件

 <el-dialog
      :close-on-click-model="false"
      :visible.sync="evaluateQRCodeVis"
      :before-close="closeEvaluateQRCodeVis"
      width="579px"
    >
      <div style="text-align: center;">
        <img :src="evaluateQRCode" style="width:328px;"/>
        <span class="describe" style="display:block;font-weight:600;font-size:16px;color:black;position:relative;bottom:20px">请扫描二维码对我的服务做出评价</span>
      </div>
    </el-dialog>

第四步：定义变量

evaluateQRCodeVis: false,
        evaluateQRCode: '',

第五步：生成二维码加密封装函数、使用btoa加密

showQRCode  () {
        let pro