功能效果之水印

vue项目添加水印

下载文件watermark.js

1. 在App.vue中，导入改文件

import Watermark from '@/static/js/watermark.js'

2. 监听路由变化

watch: {
  $route (to, from) {
    if (to.path === '/login') {
      Watermark.set('')
    } else {
      if (sessionStorage.token === undefined) {
        Watermark.set('')
      } else {
        Watermark.set(sessionStorage.userId)
      }
    }
  }
}

3. 简单设置

mounted () {
  Watermark.set('')
}