vue項目中掃二維碼跳轉頁面---前端實現過程

安裝引入二維碼插件

1、終端輸入：npm install @chenfengyuan/vue-qrcode

2、局部引入並注冊：

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

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

安裝引入二維碼插件

接下來在需要生成二維碼的頁面插入標簽，如下：

 

 通過掃碼就可以進入到鏈接頁面。