canvasWM(
    {
      container = document.body,
      width = '300px',
      height = '200px',
      textAlign = 'center',
      textBaseline = 'middle',
      font = '12px Microsoft Yahei',
      fillStyle = 'rgba(184, 184, 184, 0.3)',
      content = '请勿外传',
      rotate = '30',
      zIndex = 10000
    } = {}) {
    const args = arguments[0];
    const canvas = document.createElement('canvas');

    canvas.setAttribute('width', width);
    canvas.setAttribute('height', height);
    const ctx = canvas.getContext('2d');

    ctx.textAlign = textAlign;
    ctx.textBaseline = textBaseline;
    ctx.font = font;
    ctx.fillStyle = fillStyle;
    ctx.rotate(Math.PI / 180 * rotate);
    ctx.fillText(content, parseFloat(width) / 2, parseFloat(height) / 2);

    const base64Url = canvas.toDataURL();
    const __wm = document.querySelector('#__wm');

    const watermarkDiv = __wm || document.createElement('div');

    const styleStr = `
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      z-index:${zIndex};
      pointer-events:none;
      background-repeat:repeat;
      background-image:url('${base64Url}')`;

    watermarkDiv.setAttribute('style', styleStr);
    watermarkDiv.setAttribute('id', '__wm');

    if (!__wm) {
      container.insertBefore(watermarkDiv, container.firstChild);
    }
    const MutationObserver = window.MutationObserver || window['WebKitMutationObserver'];
    if (MutationObserver) {
      let mo = new MutationObserver(() => {
        const __wm = document.querySelector('#__wm');
        // 只在__wm元素变动才重新调用 canvasWM
        if ((__wm && __wm.getAttribute('style') !== styleStr) || !__wm) {
          // 避免一直触发
          mo.disconnect();
          mo = null;
          Message.warning({
            message: '警告： ' + content + ' 在删除水印'
          });

          this.canvasWM(args);
        }
      });
      mo.observe(container, {
        attributes: true,
        subtree: true,
        childList: true
      });
    }
  }

你为什么不在接口返回之后直接处理好 newList数据而要用list再去computed呢？？？

// path name
const xhr = new XMLHttpRequest();
    xhr.open('get', path);
    xhr.responseType = 'blob';
    xhr.send();
    xhr.onload = function () {
      if (this.status === 200 || this.status === 304) {
        // 如果是IE10及以上，不支持download属性，采用msSaveOrOpenBlob方法，但是IE10以下也不支持msSaveOrOpenBlob
        if ('msSaveOrOpenBlob' in navigator) {
          navigator.msSaveOrOpenBlob(this.response, name);
          return;
        }
        // const blob = new Blob([this.response], { type: xhr.getResponseHeader('Content-Type') });
        // const url = URL.createObjectURL(blob);
        const url = URL.createObjectURL(this.response);
        let eleLink = document.createElement("a");
        eleLink.href = url;
        eleLink.download = name;
        eleLink.style.display = "none";
        document.body.appendChild(eleLink);
        eleLink.click();
        document.body.removeChild(eleLink);;
        URL.revokeObjectURL(url);
      }
    };

现在需求是文件下载，任意类型文件，后台返回的是一个外链url。
我是通过创建 a 标签去下载。但是这个会出现pdf文件和图片预览的情况。
请问怎么做可以避免预览，无论哪种类型文件，都可以通过外链url直接下载？
谢谢

JS脚本加载后执行相应回调函数 (juejin.cn)

需求如下：
在vue组件中需要动态的创建script标签引入多个js文件，但是window.onload方法并不能监听到js文件加载完毕

const oScript = document.createElement('script');
oScript.type = 'text/javascript';
oScript.src = `${BASE_URL}changedNodeModules/js1`;
document.body.appendChild(oScript);
const oScript2 = document.createElement('script');
oScript2.type = 'text/javascript';
oScript2.src = `${BASE_URL}changedNodeModules/js2`;
document.body.appendChild(oScript2);
window.onload = function() {
  console.log('加载完毕');
};

组件中 onload 方法都没有调用！！！
请问怎么能动态加载多个js，并监听都成功加载执行回调函数？？？

需求如下：
在vue组件中需要动态的创建script标签引入多个js文件，但是window.onload方法并不能监听到js文件加载完毕

const oScript = document.createElement('script');
oScript.type = 'text/javascript';
oScript.src = `${BASE_URL}changedNodeModules/js1`;
document.body.appendChild(oScript);
const oScript2 = document.createElement('script');
oScript2.type = 'text/javascript';
oScript2.src = `${BASE_URL}changedNodeModules/js2`;
document.body.appendChild(oScript2);
window.onload = function() {
  console.log('加载完毕');
};

组件中 onload 方法都没有调用！！！
请问怎么能动态加载多个js，并监听都成功加载执行回调函数？？？

const path = require('path');
const fs = require('fs');
// 文件所在目录
fs.readdir(path.join(__dirname) ,function(err,files){
      if (err) {
        return;
      }
      files.forEach(item => {
      //匹配后缀为 txt 名字包含 a 的文件
        if (item.indexOf('txt') > -1 && item.indexOf('a') > -1) {
          fs.rmSync(path.join(__dirname, item))
        }
      })
    })