vue项目中扫二维码跳转页面---前端实现过程

Posted 2021-06-25 黑使

安装引入二维码插件

1、终端输入：npm install @chenfengyuan/vue-qrcode

2、局部引入并注册：

 1 <script>
 2 // 引入生成二维码插件
 3 import VueQrcode from \'@chenfengyuan/vue-qrcode\'
 4 
 5 export default {
 6   components: { VueQrcode },
 7   data() {
 8     return {}
 9   },
10   methods: {
11 14   },
15 }
16 </script>

安装引入二维码插件

接下来在需要生成二维码的页面插入标签，如下：

 

 通过扫码就可以进入到链接页面。