采用了三种方式实现，1.css伪元素通过插入style样式其实有点笨。2.svg的方式是写的比较简单的，只能给全屏，但应该是性能最棒的一种方式。3. 插入html元素应该是比较常见的方式，可以监听修改与删除，但我觉得是个非必要的能力。实际上懂得利用开发者工具去删改水印的人也都是开发者，身为开发者应该明白水印的意义。

因为是国企线上应用的活动大屏，我就不附图了。代码仅供参考。一、vue配置1.我是用vue-cli 搭建的，大屏项目复杂度不高，vue-router、vuex 、axios、sass 等都可以不用，vue、echarts就够用。2.vue.config.js 配置就正常配，出口入口等基本配置我就不展示了，这两个配置项大屏还有点用。主要是我把每个图表都拆成了单独的组件，没封装公共的图表组件，一些重复的

因为是国企线上应用的活动大屏，我就不附图了。代码仅供参考。一、vue配置1.我是用vue-cli 搭建的，大屏项目复杂度不高，vue-router、vuex 、axios、sass 等都可以不用，vue、echarts就够用。2.vue.config.js 配置就正常配，出口入口等基本配置我就不展示了，这两个配置项大屏还有点用。主要是我把每个图表都拆成了单独的组件，没封装公共的图表组件，一些重复的

axios + ts请求封装

前言最近根据自己的需求寻找到了一款简单易用的生成二维码插件，特此分享一、使用步骤1.下载插件npm i qrcodejs2或yarn add qrcodejs2二、vue 中使用1. vue 2<template><div><div ref="qrcodeDom"></div><button @click="show">展示二维码<