博客
关于我
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';
    1. ?Vue????????main.js?App.vue?????mounted????????????
    2. ??????

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

      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);    }};

      ????

      • cookie???????????????cookie???????????
      • ?????????????????????month?day??????????
      • ?????????watermark.load???????????????????????????????

      ????????????Vue????????????????????cookie????????????????

    转载地址:http://xisp.baihongyu.com/

    你可能感兴趣的文章
    NumPy 库详细介绍-ChatGPT4o作答
    查看>>
    NumPy 或 Pandas:将数组类型保持为整数,同时具有 NaN 值
    查看>>
    numpy 或 scipy 有哪些可能的计算可以返回 NaN?
    查看>>
    numpy 数组 dtype 在 Windows 10 64 位机器中默认为 int32
    查看>>
    numpy 数组与矩阵的乘法理解
    查看>>
    NumPy 数组拼接方法-ChatGPT4o作答
    查看>>
    numpy 用法
    查看>>
    Numpy 科学计算库详解
    查看>>
    Numpy.fft.fft和numpy.fft.fftfreq有什么不同
    查看>>
    numpy.linalg.norm(求范数)
    查看>>
    Numpy.ndarray对象不可调用
    查看>>
    Numpy.VisibleDeproationWarning:从不整齐的嵌套序列创建ndarray
    查看>>
    Numpy:按多个条件过滤行?
    查看>>
    Numpy:条件总和
    查看>>
    numpy、cv2等操作图片基本操作
    查看>>
    numpy中的argsort的用法
    查看>>
    NumPy中的精度:比较数字时的问题
    查看>>
    numpy判断对应位置是否相等,all、any的使用
    查看>>
    Numpy多项式.Polynomial.fit()给出的系数与多项式.Polyfit()不同
    查看>>
    Numpy如何使用np.umprod重写range函数中i的python
    查看>>