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

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

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

srcutilswatermark.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

srcmain.js

import watermark from '@/utils/watermark'

Vue.prototype.$watermark = watermark;

srcviewslayoutLayout.vue

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

弈心博客


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

赞赏支持

感谢支持!


建站不易,感谢支持!

推荐阅读