当前位置: 首页 > news >正文

vue常见问题:

一. node

1. node-数据流导出文件

   ①. node端:api返回数据流形式,在node中间件通过管道处理res传给前端调用
   ②. axious:和url/get/data,同级给个有关buffer属性
   ③. vue:调用接口,Blob + URL.createObjectURL()
       a.创建Blob对象
       b.判断是否为traffer对象
       c. 创建临时的url
       d. 创建<a>标签并触发点击下载
       e. 释放URL对象并移除<a>标签

function downloadFile(content, fileName, mimeType) {// 1. 创建 Blob 对象const blob = new Blob([content], { type: mimeType });// 2. 创建临时 URLconst url = URL.createObjectURL(blob);// 3. 创建 <a> 标签并触发点击下载const a = document.createElement('a');a.href = url;a.download = fileName;document.body.appendChild(a);a.click();// 4. 释放 URL 对象并移除 <a> 标签setTimeout(() => {URL.revokeObjectURL(url);document.body.removeChild(a);}, 100);
}// 示例:导出文本文件
const textContent = "Hello, this is a text file!";
downloadFile(textContent, "example.txt", "text/plain");// 示例:导出 JSON 文件
const jsonData = { name: "Alice", age: 25 };
downloadFile(JSON.stringify(jsonData, null, 2), "data.json", "application/json");// 示例:导出 CSV 文件
const csvContent = "Name,Age\nAlice,25\nBob,30";
downloadFile(csvContent, "data.csv", "text/csv");


 新需求:状态码也需要返回到vue调用???

二. vscode插件   

1. vsode插件--prettier:.js文件自动保存并进制4个空格,vue不自动保存

   vetur和beauty插件冲突

三.git

1.vscode中没有提交的文件,合并dev提示,有未提交的文件
加载撤销修改的文件过程中就合并了dev解决:①.git status 查看问题②.git merge:--abort(如果合并未完成)③.git reset --hard origin/分支(强制同步远程)④.git pull 重新拉取⑤.如有冲突,手动解决后提交

四.elementplus

1. el-input:input输入框输入文本切换路由,获取失焦事件,调用更新草稿api

   直接调用api,不用防抖

2. el-checkbox:点击全选,选中项是否都在列表中存在。是则全选,不是则取消全选

every遍历列表,列表项是否includes选中项

3. el-selected:点击全选删除的选中项存在输入框中,除非人为删除???

五.状态码

1. 权限问题:合同中心的合同号在其他账户依然可以看到详情

 需要后台返回权限的状态码,如果try--success则200,304,511;catch--false


 

http://www.lqws.cn/news/588205.html

相关文章:

  • RNN中张量参数的含义与应用
  • stm32达到什么程度叫精通?
  • 如何用废弃电脑变成服务器搭建web网站(公网访问零成本)
  • 【知识图谱构建系列7】:结果评价(1)
  • JavaScript异步编程的五种方式
  • git 冲突解决
  • Android Fragment的生命周期(经典版)
  • 详解 Blazor 组件传值
  • Spring Boot + ONNX Runtime模型部署
  • 【机器学习】感知机学习算法(Perceptron)
  • 安卓面试之红黑树、工厂模式图解
  • 《汇编语言:基于X86处理器》第5章 复习题和练习,编程练习
  • 提升学习能力(一)
  • Python实例题:基于 Flask 的博客系统
  • 打卡day58
  • 【软考高项论文】论信息系统项目的范围管理
  • [Vue2组件]三角形角标
  • java初学习(-2025.6.30小总结)
  • 从入门到精通:npm、npx、nvm 包管理工具详解及常用命令
  • 【期末分布式】分布式的期末考试资料大题整理
  • 安装bcolz包报错Cython.Compiler.Errors.CompileError: bcolz/carray_ext.pyx的解决方法
  • 服务器被入侵的常见迹象有哪些?
  • AI--提升效率、驱动创新的核心引擎
  • 项目管理进阶——133个软件项目需求评审检查项
  • 集群【运维】麒麟V10挂载本地yum源
  • 03认证原理自定义认证添加认证验证码
  • WebSocket 的核心原理和工作流程
  • 关于 java:8. Java 内存模型与 JVM 基础
  • 嵌入式原理与应用篇---常见基础知识(10)
  • 实战案例:使用C#实现高效MQTT消息发布系统