vue-watermark-component

Vue Watermark Component是一个Vue组件，用于在网页上添加水印。它可以用于保护文档的版权，防止他人盗用。以下是使用Vue Watermark Component的步骤：

1.安装Vue Watermark Component

npm install vue-watermark-component --save

2.在Vue项目中引入Vue Watermark Component

import Vue from 'vue'
import VueWatermark from 'vue-watermark-component'

Vue.use(VueWatermark)

3.在Vue组件中使用Vue Watermark Component

<template>
  <div>
    <watermark :options="options">
      <p>这是需要添加水印的内容</p>
    </watermark>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: {
        text: '水印文字',
        font: '16px Arial',
        color: 'rgba(0, 0, 0, 0.1)',
        degree: -30,
        width: 200,
        height: 200,
        zIndex: 1000
      }
    }
  }
}
</script>

4.在浏览器中查看效果