1、安装 qrcodejs2 (注意:安装的是qrcodejs2,不要安装qrcode ---> 会报错)
npm install qrcodejs2 --save
2、Course.vue中页面中引入
<!-- 微信支付二维码--> <el-dialog :visible.sync="dialogFormVisible" style="width:800px;margin:0px auto;" > <h1 style="font-size:30px;color:#00B38A" >微信扫一扫支付</h1> <div id="qrcode" style="width:210px;margin:20px auto;"></div> <h2 id="statusText"></h2> <p id="closeText"></p> </el-dialog> <!-- 底部购买 --> import Header from "./Header/Header"; //顶部登录条import Footer from "./Footer/index"; //顶部登录条import QRCode from 'qrcodejs2'; // 引入qrcodejsexport default { name: "Course", components: { Header, Footer, QRCode // 声明组件 }, data() { return { activeName: "intro", course:null, totalLessons:0, // 本门课程的总节数 commentList:null, // 所有留言 isLogin:false, // false 未登录 isBuy:false, // false 未购买 user:null, // 当前用户 myCourseList:[], // 当前用户购买过的所有课程 comment:null, // 待发表的留言内容 dialogFormVisible:false, //默认false:隐藏,true:显示 time:null,// 计时对象 orderNo:"",// 订单编号 }; },