当前位置: 首页 > news >正文

在vue项目中用vue-watermark快捷开发屏幕水印效果

我们先引入一个第三方依赖

npm install vue-watermark

在这里插入图片描述
然后 因为这只是个测试工具 我就直接代码写 App.vue里啦
参考代码如下

<template><div><vue-watermark :text="watermarkText"></vue-watermark><!-- 正常的页面内容 --></div>
</template><script>
import VueWatermark from 'vue-watermark';export default {name: 'WatermarkDemo',components: {VueWatermark},data() {return {watermarkText: '水印文字'};}
};
</script>

然后 我们启动项目 屏幕效果就会变成这样
在这里插入图片描述
这个水印文字 大家可以根据需要去改 非常的快捷方便

http://www.lryc.cn/news/150888.html

相关文章:

  • 无涯教程-Android - Activity
  • vue项目前端展示数学公式(在表格中渲染)
  • java八股文面试[数据库]——MySQL索引的数据结构
  • python3.11教程2:基础数据类型(数字和字符串)、组合数据类型(集合、元组、列表、字典)
  • 剑指 Offer 44. 数字序列中某一位的数字(中等)
  • SpringBoot中HttpClient的学习
  • JVM-内存溢出的原因、CPU占满的原因
  • 如何做好银行统一报送系统UI设计
  • 988. 从叶结点开始的最小字符串
  • RealSense D455启动教程
  • docker与phpstudy两种方式部署wordpress 并 开启伪静态
  • 网站搭建最简化的引导操作 | 云服务器的购买选用 | 域名的选用 | 网站的上线和备案。
  • Spring Cloud Foundry上使用通配符模式匹配进行的安全绕过漏洞 CVE-2023-20873
  • 简述SpringMVC
  • vue竖向步骤条
  • java八股文面试[多线程]——Synchronized优化手段:锁膨胀、锁消除、锁粗化和自适应自旋锁
  • 【数据结构】队列---C语言版(详解!!!)
  • java:详解http模块request对象
  • 力扣20. 有效的括号
  • 用springboot+elasticserach7的demo,对比sider和百度ai的异同
  • Python的pymysql模块与MySQL数据库的互动:基础与实例
  • 滑动窗口实例1(长度最小的子数组)
  • EI、Scopus双检索| 2023年第四届自动化、机械与设计工程国际会议
  • 【混合时变参数系统参数估计算法】使用范数总和正则化和期望最大化的混合时变参数系统参数估计算法(Matlab代码实现)
  • vue的公共方法封装以及class高阶封装
  • OpenGL-入门-BMP像素图glReadPixels(1)实现读取屏幕中间的颜色和获取屏幕上鼠标点击位置的颜色
  • 斥资4亿,收购这家WLAN厂商,结果……
  • 【简单】2511. 最多可以摧毁的敌人城堡数目
  • Linux用一键安装包部署禅道(18.5版本)
  • 【2】openGL shader着色器分析三角形填色