首页 > 其他 > 详细

vue项目二维码跳转

时间:2021-04-07 14:59:03      阅读:17      评论:0      收藏:0      [点我收藏+]

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>

 

vue项目二维码跳转

原文:https://www.cnblogs.com/yuchengxiong/p/14627295.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!