使用插件 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