vue用vue-qart生产二维码

最新推荐文章于 2025-05-13 18:03:16 发布

Years_of_sorrow

最新推荐文章于 2025-05-13 18:03:16 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue vue-qart

本文链接：https://blog.youkuaiyun.com/Years_of_sorrow/article/details/80492655

vue 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个简单的HTML和Vue.js实现方案，通过扫描二维码能够直接跳转到指定网站。该方案利用了vue-qart组件库来生成包含特定URL的二维码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

功能目的，扫描二维码跳转到对应的网站（超简单）

html部分

二维码模块

<vue-q-art :config="impListData.config"
               v-show="true"></vue-q-art>

js部分

import VueQArt from 'vue-qart'

components: {
    VueQArt
  }

  data() {
    return {
      impListData: {
        config: {
          value: '网址',
          imagePath: './../../../../../build/logo.png',（需要个图片作为背景）
          filter: 'color',
          size: 500
        }
      }
    }
}