使用插件 `vue2-water-marker`添加全局水印

使用插件 vue2-water-marker添加全局水印

效果图

1、安装插件

npm install vue2-water-marker --save

2、全局注册

// main.js
import Vue from 'vue'
import Vue2WaterMarker from 'vue2-water-marker'

Vue.use(Vue2WaterMarker)

3、在组件中使用

<template>
  <div id="app">
    <vue2-water-marker
      :text="watermarkText"
      :opacity="0.9"
      :openPrevent="true"
      :beDeleteTips="'禁止删除水印！'"
      :beChangeTips="'禁止篡改水印！'"
      :zIndex="9999"
    />
    <!-- 页面内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      watermarkText: '机密信息，严禁外传', // 支持逗号分隔多行文本
    }
  }
}
</script>

参数参考：vue2-water-marker