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

vue2添加背景水印-手动实现(无组件模式)

1. App.vue

<template><div id="app" class="app"><router-view></router-view></div>
</template><script>
export default {mounted() {this.updateWatermark();// 监听路由变化this.$router.afterEach(() => {this.$nextTick(() => {this.ensureWatermarkAndTable();});});// 监听 DOM 变化,确保表格背景实时调整this.observeDOM();},data() {return {watermarkText: "",user: {},};},methods: {updateWatermark() {let curUser = sessionStorage.getItem("curUser");if (curUser) {try {const userData = JSON.parse(curUser);this.watermarkText = `${userData.systemUsers.nickname}(${userData.systemRoleList[0].name})`;} catch (e) {console.error("解析 curUser 失败:", e);this.watermarkText 

http://www.mrgr.cn/news/97947.html

相关文章:

  • Python 实现的运筹优化系统数学建模详解(最大最小化模型)
  • Vue3+Vite+TypeScript+Element Plus开发-11.Pinia持久化处理
  • 【图书管理系统】深入解析基于 MyBatis 数据持久化操作:全栈开发图书管理系统获取图书列表接口(后端:计算图书页数、查询当前页展示的书籍)
  • 【特权FPGA】之AT24C02 IIC实现
  • 18. git pull
  • 深度学习基础--CNN经典网络之分组卷积与ResNext网络实验探究(pytorch复现)
  • OpenGL学习笔记(模型材质、光照贴图)
  • UniApp 实现兼容 H5 和小程序的拖拽排序组件
  • 15. git remote
  • 14. git clone
  • 【特权FPGA】之按键消抖
  • 蓝桥杯备赛知识点总结
  • YOLOv8主干网络升级——融合ResNet18/34/50/101的高效特征提取架构设计
  • 天梯集训笔记整理
  • 剑指offer经典题目(三)
  • Java—HTML:3D形变
  • 简化DB操作:Golang 通用仓库模式
  • 【正点原子】一键锁定IP:STM32MP135 开机就上网!
  • windows主机中构建适用于K8S Operator开发环境
  • C++学习之ORACLE①