vue-element-admin 中水印watermark的使用

水印代码虽说稍微跟一下代码就能找到,不过小编还是决定做个笔记,希望能多多少少节约一点有缘人的时间。

水印代码实现相关文件如下:

src\utils\watermark.js

watermark.set = (str) => {
  let id = setWatermark(str)
  setInterval(() => {
    if (document.getElementById(id) === null) {
      id = setWatermark(str)
    }
  }, 2000)
  window.onresize = () => {
    setWatermark(str)
  }
}
export default watermark

src\main.js

import watermark from '@/utils/watermark'

Vue.prototype.$watermark = watermark;

src\views\layout\Layout.vue

mounted(){
    let wm=this.$store.getters.orgName+this.$store.getters.userId
    this.$watermark.set(wm);
    // this.$watermark.set('3232434');
},
版权声明

弈心博客


首发 弈心博客,转载请附链接!

赞赏支持

感谢支持!


建站不易,感谢支持!

推荐阅读
盘点央视94版三国演义刘备的励志语录【二】 “兄弟如手足,妻子如衣服,衣服破了尚可缝,手足断,安可再续?我三人桃园结义,不求同生,但愿同死啊!今虽丢了城池家小,安忍叫兄弟中道而亡?况且徐州本非我有,得何足喜,失何足忧?”“大丈夫行于乱世,当光明磊落,即使处于逆境,也当屈身守分,以行天时。不可与命抗争也!”上一期盘点了刘皇叔出场过的第一集《桃园结义》和第八集《三让徐州》,本期继续收集央视94版三国演义刘备的励志语录。上一期请看盘点央视94版三
4701

世风日下,想听一首曲子好难 前几天,身边朋友逛商城时感慨:“都什么年代了,还有卖MP3的,有人买么?”小编也没多想,随口回了句:”有吧,毕竟更专业,音质也相对更不错。“不想在几天后,一些事情让小编有了新的想法。记得上一次用MP3,已经是十多年前的事情了。那个时候,手机还是只能打电话发短信的功能机,街上还能随处看到网吧。那个时候,像听音乐,得去网吧下载到MP3播放器,然后才能在工作学习的时候有音乐听。记得在那个时候,街上还有商
1722

九型人格在线测试专业版_免费没有广告不用注册 本站的九型人格在线测试永久免费,没有广告,而且不用注册。九型,也称为九型性格、9型人格。本站测试能对九型人格测试结果做分析,测试结果对照图美观清晰。如果九型的测试结果自己看不懂,可以查阅结果下方的测试报告,甚至可以咨询入驻本站的九型解析专家。儿童版(90题)、通用版(144题)和专业版(180题)。以下是测试地址:儿童版(90题)儿童版共90题,题干简单易读,题目精炼,适合理解力、耐心尚未成熟的孩
2042

web前端开发技术储久良第三版答案整理(下:附录模拟试卷) web前端开发技术储久良第三版答案整理(下:附录模拟试卷)_诗和远方_弈心博客web前端开发技术储久良第三版答案整理(中:10-17章)_诗和远方_弈心博客web前端开发技术储久良第三版答案整理(上:1-9章)_诗和远方_弈心博客第3版-附录A_模拟试卷1_参考答案附录A模拟试卷参考答案一、选择题(每题1分,共30分)题号12345678910答案ADBBDCDADD题号1112131415161
2106

一代侠医肖汉兴的励志人生 一代侠医肖汉兴的励志人生从医有一人,诞生于中华风雨飘渺之际,父辈给予厚望,故取名汉兴。肖汉兴年幼时聪慧好学,七岁入私塾,原本要走科举之路。但在他十一岁那年,科举废除,于是学医。仅两年后,十三岁的他即可切脉问诊,人称小先生。民国十四年,肖汉兴通过军医考核,成为吴佩孚部军医。民国十六年,吴佩孚北伐战争失败,余部四散。肖汉兴回乡务农。不久,进入马鸿宾部队任上尉军医。亡命江湖民国二十二年,马鸿宾屯垦屯田,
2463

三国演义经典语录盘点 1大丈夫行于乱世,当光明磊落,即使处于逆境,也当屈身守分,以待天时,不可与命争也。2天下有变,则命一上将将荆州之军以向宛、洛,将军身率益州之众出于秦川,百姓孰敢不箪食壶浆以迎将军者乎?诚如是,则霸业可成,汉室可兴矣。3温柔天下去得,刚强寸步难行4今虽死,名可垂于竹帛也!5我乃常山赵子龙也!6燕人张翼德在此,谁敢与我决一死战!7云长,去矣!8不求同年同月同日生,但求同年同月同日死9他十五岁游学四方,
3656

Php开发工程师笔试题(2020-9-23 面试笔试题目及回答思路参考) 面试题来自某互联网独角兽公司的php开发工程师岗位面试记录,刚打听到的还很新鲜。面试官和面试者小编都挺熟悉,所以内容具备一定参考价值。面试中夹杂笔试,整个过程流程大体如下:1Q:简单做下自我介绍A:这里是在问php技术路线、技术面、技术成长规划,别有的没的讲一堆废话。2Q:离职原因是什么?A:这里是问你,哪些原因会导致你离职?你工作的不稳定因素有哪些?你是不是一个喜欢抱怨、甩锅?3Q:php生态理
1853

九型人格中的2号人格是什么?九型人格第二型人格给予型(给予者)详解 九型人格第二型人格,2号,——给予型基本特点自我意识:我是充满爱心的行为目标:做别人需要的根本需求:被别人需要的爱根本恐惧:被冷落典型人物爱应该如生活和呼吸一样地自然。—德勒萨修女第二型人格描述第二型的人不论在时间、精力和事物三方面都表现出主动、乐于助人、普遍乐观以及慷慨大方。他们善于处理人际关系,殷勤周到,喜欢取悦别人并且占有欲强。由于他们不容易承认自己的需要,也难以向别人寻求帮助,所以总是无意
7076

英文关于成功的名言警句 An English proverb about success 【1】 英文关于成功的名言警句AnEnglishproverbaboutsuccess【1】关于成功/aboutsuccess1Behind every successful man there's a lot of unsuccessfulyears.  每个成功者的后面都有很多不成功的岁月. 2I think success has no rules, but you can learn a lot 
2194

web前端开发技术储久良第三版答案整理(中:10-17章) 更多资源需求欢迎联系站长获取~web前端开发技术储久良第三版答案整理(上:1-9章)web前端开发技术储久良第三版答案整理(中:10-17章)web前端开发技术储久良第三版答案整理(下:附录模拟试卷)10-17章答案【第10章】【第11章】【第12章】【第13章】【第14章】【第15章】【第16章】【第17章】...
6795

web前端开发技术储久良第三版答案整理(上:1-9章) 更多资源需求欢迎联系站长获取~web前端开发技术储久良第三版答案整理(上:1-9章)web前端开发技术储久良第三版答案整理(中:10-17章)web前端开发技术储久良第三版答案整理(下:附录模拟试卷)1-9章答案【第1章】【第2章】【第3章】【第4章】【第5章】【第6章】【第7章】【第8章】【第9章】...
9624

九型人格中的1号人格是什么?九型人格第一型人格完美型(完美者)详解 九型人格第一型人格,1号,——完美型基本特点自我意识:我是讲原则的行为目标:做正确的事根本需求:获得自我的肯定根本恐惧:事情做错第一型人格描述完美型即第一型,具有原则性,认真尽责,希望所做的每件事都绝对正确,害怕犯错;对自己和他人都有较高的要求,爱批判自己,也爱批判别人,他们内心拥有一张列满应该与不应该的清单。他们很难为了自己而轻松玩乐,因为他们总以超高标准来审查自己的行为,而且老是觉得自己做得还
4752