18910140161

利用vue实现扫描二维码跳转页面的功能

顺晟科技

2021-08-29 11:32:28

112

怎么能用vue实现扫描二维码跳转页面功能

1.  安装依赖

npm install vue-qr --save 2. <template>   <div>     <div id="qrcode" ref="qrcode"></div>   </div>  </template> <script>   import QRCode from 'qrcodejs2'  // 引入qrcode   export default {     name: "qrcode",     methods: {       qrcode() {         let qrcode = new QRCode('qrcode', {         width: 132,         height: 132,         text: 'https://www.baidu.com', // 需要二维码跳转的地址         colorDark : "yellow", //前景色         colorLight : "green", //背景色       })       // qrcode.clear() //清除二维码        // qrcode.makeCode('http://www.4399.com') //生成另一个新的二维码       },     },     mounted () {       this.qrcode();     },     } </script>  
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航