摘要: 前言 由于在编写代码时经常遇见如下报错信息,找到原因后在此做个小总结 解析 1、变量未定义:当我们在尚未定义或未初始化的变量上设置属性,就会出现此错误 let obj; obj.name = 'aaa';//throw the error 要解决此问题,我们可以在设置属性之前使用空对象或适当的初始值 阅读全文
posted @ 2023-04-13 11:18 打遍天下吴敌手 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 下面介绍三种下载方法,这三种方法都需要知道下载文件的 url. 第一种:a 标签下载 <a :href="url" :download="url" class="ground_pic" >下载 </a> 第二种:iframe 下载 const downloadIframe = document.qu 阅读全文
posted @ 2022-08-18 15:11 打遍天下吴敌手 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 业务场景:文件切片上传时需要不断的进行接口请求,文件比较大时需要耗费一定的时间,假如想在中途取消文件上传,那么就需要终止正在进行的接口请求。 实现 在需要终止接口请求的页面引入 axios (此处的接口请求已封装) import axios from "axios"; 封装好的接口请求方法里加入(需 阅读全文
posted @ 2022-08-17 17:23 打遍天下吴敌手 阅读(1596) 评论(0) 推荐(0) 编辑
摘要: 业务场景 当我们在对页面的数据进行增删改查结束后,页面的数据还是未操作之前的数据,手动刷新后才会渲染我们操作后的数据,那么有没有什么方法可以不用手动刷新,而重新获取数据的功能? 那就需要用到 provide/inject 组合来实现此功能,在 modal 对话框里修改此页面的数据,对话框关闭时页面刷 阅读全文
posted @ 2022-08-17 15:26 打遍天下吴敌手 阅读(949) 评论(0) 推荐(0) 编辑
摘要: 我们在本地开发时,vue.config.js 文件中配置了如下开发服务,此服务只在本地开发时生效,打包到服务器之后这里的配置是无效的,实际代理到nginx去了: (pathRewrite 这里要理解成用'/api'代替target里面的地址,后面的组件中我们调用接口的时候直接用api代替,比如我要调 阅读全文
posted @ 2022-07-29 11:46 打遍天下吴敌手 阅读(2011) 评论(0) 推荐(0) 编辑
摘要: 在进行 webpack-dev-server 相关配置时,运行项目出现以上报错,我的 vue.config.js 配置如下: module.exports = { lintOnSave: false, runtimeCompiler: true, publicPath: '/', // 输出文件目录 阅读全文
posted @ 2022-07-28 14:35 打遍天下吴敌手 阅读(5054) 评论(0) 推荐(0) 编辑
摘要: 一、类型声明 类型声明是 TS 非常重要的一个特点,通过类型声明可以指定 ts 中变量(参数、形参)的类型 当为变量赋值时,TS编译器会自动检查值是否符合类型声明,符合则赋值,否则报错 简而言之,类型声明给变量设置了类型,使得变量只能出存储某种类型的值,这是 JS 不具备的 语法: 直接在变量声明后 阅读全文
posted @ 2022-03-17 17:47 打遍天下吴敌手 阅读(5552) 评论(0) 推荐(1) 编辑
摘要: 1、TypeScript 是什么? 看了图片还不明白?那再来看看: TS 和 JS 之间的关系其实就是 Less/Sass 和 CSS 之间的关系 就像 Less/Sass 是对CSS进行扩展一样, TS 也是对 JS 进行扩展 就像 Less/Sass 最终会转换成 CSS 一样, 我们编写好的 阅读全文
posted @ 2022-03-17 15:35 打遍天下吴敌手 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 1、 Options API 存在的问题 —— 配置式的API 使用传统 vue2 中的 Options API ,新增或者修改一个需求,就需要分别在 data 、methods、computed 里修改。 2、Composition API 的优势 —— 组合式的API 我们可以更加优雅的组织我们 阅读全文
posted @ 2022-03-15 16:41 打遍天下吴敌手 阅读(599) 评论(0) 推荐(0) 编辑
摘要: 前言 实现如下生成随机四位验证码的功能: 实现此功能的展示效果需要用到 H5 的 canvas 画布,接下来我们一起来看看具体的实现吧! 实现 html 部分 <input placeholder="请输入验证码" /> <canvas id="canvas" width="100" height= 阅读全文
posted @ 2022-02-18 15:39 打遍天下吴敌手 阅读(122) 评论(0) 推荐(0) 编辑