常用方法

60 阅读1分钟

1. 复制文本

// 复制文本
copyText(msg) {
     //拿到想要复制的值
      let copyInput = document.createElement('input'); //创建input元素
      document.body.appendChild(copyInput); //向页面底部追加输入框
      copyInput.setAttribute('value', msg); //添加属性,将url赋值给input元素的value属性
      copyInput.select(); //选择input元素
      document.execCommand('Copy'); //执行复制命令
      this.$message({ message: '复制成功', type: 'success' });
      //复制之后再删除元素,否则无法成功赋值
      copyInput.remove(); //删除动态创建的节点
}

2. 下载流

  // 下载流 stream是流文本,filename 是 将要转化成文件的文件名
  downloadByStream (stream, filename) {
    const blob = new Blob([stream]);
    const eLink = document.createElement('a');
    eLink.download = filename;
    eLink.style.display = 'none';
    eLink.href = URL.createObjectURL(blob);
    document.body.appendChild(eLink);
    eLink.click();
    URL.revokeObjectURL(eLink.href);
    document.body.removeChild(eLink);
  }
  
  用法:this.downloadByStream(res.data, '零售订单导出')
  

3.