博客
关于我
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/

    你可能感兴趣的文章
    python+pytest接口自动化 —— 参数关联
    查看>>
    python+pytest接口自动化 —— 参数关联
    查看>>
    Python+pytest接口自动化 —— 接口测试基础
    查看>>
    python+pytest接口自动化 —— 自动化用例编写思路 (使用pytest编写一个测试脚本)
    查看>>
    Python+pytest接口自动化之cookie绕过登录(保持登录状态)
    查看>>
    python+pytest接口自动化:接口测试
    查看>>
    Python+requests+unittest执行接口自动化测试详情
    查看>>
    Python+requests+unittest执行接口自动化测试详情
    查看>>
    python+requests+unittest执行自动化接口测试!
    查看>>
    Python+Requests编码识别Bug
    查看>>
    python函数编写_[零基础学python]传说中的函数编写条规
    查看>>
    Python+selenium —— UI自动化之鼠标操作
    查看>>
    python函数注释,参数后面加冒号:,函数后面的箭头→是什么?
    查看>>
    Python+Selenium+Threading进行兼容性测试
    查看>>
    Python+selenium+unittest的GUI自动化框架实现
    查看>>
    python函数拟合不规则曲线_Python计算&绘图——曲线拟合问题(转)
    查看>>
    python函数定义的基本格式_零基础学python-2.19 定义函数、调用函数与默认参数
    查看>>
    Python+Selenium之数据驱动测试的实现
    查看>>
    python函数定义与使用+返回值简解
    查看>>
    Python+Selenium登录
    查看>>