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

安装引入二维码插件

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

2、局部引入并注册：

<script>
// 引入生成二维码插件
import VueQrcode from '@chenfengyuan/vue-qrcode'

export default {
  components: { VueQrcode },
  data() {
    return {}
  },
  methods: {
14   },
}
</script>

安装引入二维码插件

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

 

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