vue项目二维码跳转

1、首先下载 vue-qr  npm/cnpm/yarn

2、在需要的。vue文件 中的

<script>标签里面 里面引入

import VueQr from "vue-qr";
export default {
      components: {
        VueQr,
      },
}

 3、在template标签里面写

      <vue-qr
                :text="downloadData.url"  //需要跳转的路径
                :margin="10"
                colorDark="#000"
                colorLight="#fff"
                :dotScale="1"
                :logoSrc="downloadData.icon" //二维码 中间的小图片
                :logoScale="0.2"
                :size="200"
              ></vue-qr>