前端vue项目：生成二维码，扫二维码跳转到相应页面

Vue2项目

1、安装依赖：：npm iarale-qrcode –save

2、引入：import AraleQRCode from “arale-qrcode”;

接下来让我们纯前端生成一个二维码

【PS：亲测有效，大家可以放心使用 CV 大法哈 ！】

HTML

JS

data() {return {img: "",}},mounted() {this.makeCode();},methods: {//生成二维码方法makeCode() {const result = new AraleQRCode({render: "svg",// 定义生成的类型 'svg' or 'table dom’text: "https://blog.csdn.net/m0_61343119/article/details/131842050" />

需求中遇到的情况，也是百度了很久参考了很多大佬的文章，所以这里记录一下，方便自己的同时希望对大家也有一点小小帮助；

如果哪里有不对的地方，希望路过的大佬留言哈，谢谢啦~

【不要慌不要慌，太阳下山有月光，月光落下有朝阳】