Vue中使用 watermark-dom 添加水印-白红宇

Vue中使用 watermark-dom 添加水印

阅读量：239 次

发布时间：2019-02-28

本文共 1367 字，大约阅读时间需要 4 分钟。

Watermark-dom?????????????????????????????????????????Vue??????????????

????

???????npm????????

npm install watermark-dom --savenpm install js-cookie --save

?????????????????????

?Vue?????

???Vue???????????????

?????Cookie????

import watermark from 'watermark-dom';import Cookies from 'js-cookie';

?Vue????????main.js?App.vue?????mounted????????????

??????

??????????????????????????????

export default {    name: 'App',    mounted() {        setTimeout(() => {            // ?????????????????            const username = Cookies.get('username');            if (username) {                const now = new Date();                const year = now.getFullYear();                const month = now.getMonth() + 1;                const day = now.getDate();                // ????????????????                const monthStr = month < 10 ? `0${month}` : `${month}`;                const dayStr = day < 10 ? `0${day}` : `${day}`;                const dateStr = `${year}-${monthStr}-${dayStr}`;                                // ????                watermark.load({                    watermark_txt: `${username},${dateStr}`                });            }        }, 1000);    }};