随笔分类 - 【前端】vue
摘要：npm install报错：request to https://registry.npm.taobao.org/vue-loader failed, reason: getaddrinfo ENOTFOUND registry.npm.taobao.org 解决：https://jingyan.b
阅读全文
摘要：需求背景：为了使后台页面的 table 列表页面始终保持统一的高度，无论我们的列表数据有多少都只占一个屏幕的高度，如果 table 表格的数据太多，只滚动table 表格的数据，页面高度保持不变；使用 window.onresize 监听浏览器的高度： // tableHeight: 为 el-ta
阅读全文
摘要：业务背景：业务上需求满足上传的图片不能太大，但是有时候上传的图片确实超过了限制大小，所以前端这边可以将图片压缩再上传，亦或者是上传给后端接口的图片只能是指定格式，我们前端需要将图片后缀转化，也可以处理！封装的使用方法如下：使用 canvas 对图片进行压缩处理： /* * 压缩图片 * param
阅读全文
摘要：是因为在下载nvm之前，电脑中的node版本已经存在了，所以需要将之前的node版本全部清楚干净！卸载node之前请node -v 查看一下现在的版本，记住这个版本，切记切记！！！！！控制面板中卸载node.；卸载已安装过的NVM；没装过NVM的就仅仅卸载node去环境变量里面看一下有没有跟nvm和
阅读全文
摘要：今天在项目开发中遇到一个 vue3 + Ts 的一个问题，项目运行没问题，但是就是代码就是报ts语法错误，如下： 原因：因为我们使用的是 ts 的语法，项目只识别 ts 后缀的文件，无法识别 .vue 文件，所以引入的时候会报错； tips：这里只是 ts 语法警告报错，实际并不影响我们项目的运行！
阅读全文
摘要：拉去远程分支代码报错：fatal: refusing to merge unrelated histories造成的原因是： 1、本地项目copy 其他项目的结构把.git 文件可拷贝过来了 且覆盖了自己当前目录的 .git 文件，然后将当前分支合远程分支合并 因为两个 .git 文件储存库的历史数
阅读全文
摘要：这篇文章不讲一元运算符，也就是 + 、-、 *、 /、 =、 ||、 &&、 ！这些。 位运算符是在数字底层（即表示数字的32个数位）进行操作的。 有符号整数使用 32 位的前 31 位表示整数值。第 32 位表示数值的符号，如 0 表示正，1 表示负。这一位称为符号位。 正值以真正的二进制格式存储
阅读全文
摘要：今天开发遇到一个坑，使用element-plus 中的upload上传文件，拖拽功能失效； 最后发现是设置了accept（接受上传的文件类型），导致的问题，具体原因我现在不明，知道的伙伴可以一起讨论下。 解决：将accept属性删除，拖拽功能就能使用了
阅读全文
摘要：parseInt()、Number()这两个函数用到最多的地方就是把一个字符串转换成数据类型，那么他们都有哪些区别？首先我们看一下官方定义：parseInt()：parseInt()函数将给定的字符串以指定的基数解析为整数。parseInt（string，radix）第二个参数表示使用的进制，我们一
阅读全文
摘要：for in 遍历对象,返回的是对象的key; 遍历数组/字符串,返回的是数组的下标for of 只能遍历的是数组 遍历数组对象，返回单个对象； 遍历数组元素/字符串，返回单个元素 举例说明： 可以看到得出： for in 能够遍历对象 for of 不能遍历对象 可以看到得出： for in 能够
阅读全文
摘要：
今天记录一下在新项目vue3中，使用的element-plus组价库遇到的一个问题！场景如下：有一个表格的column绑定的数组对象，我需要对表格的头部实现动态可配置显示表格列，由于绑定的column是一个数组对象，重点来了，element-plus的文档中label绑定的值新增了object 属性
阅读全文
今天记录一下在新项目vue3中，使用的element-plus组价库遇到的一个问题！场景如下：有一个表格的column绑定的数组对象，我需要对表格的头部实现动态可配置显示表格列，由于绑定的column是一个数组对象，重点来了，element-plus的文档中label绑定的值新增了object 属性
阅读全文
摘要：今天打包vue3 + vite项目的时候，遇到一个问题，如下： 本地运行的好好的，一大包就报错！定位也不准，找了很久才发现，原因是因为，vite获取环境变量是通过import.meta.env.xxx的方式, 但是import.meta.env不能以字符串的形式出现在console.log里面！ 解
阅读全文
摘要：之前一直不了解$attrs的作用和使用场景，然后自己翻阅了相关资料整理了下，如有不对的地方请大家指教 $attrs： $attrs是vue版本2.40以上新增的属性； 使用场景： vue项目里面，大家肯定遇到过组件之间的传值问题，父传子、子传父、非父子之间传值等等； 假如说我们碰到一个多层组件之间的
阅读全文
摘要：使用场景： 当我们在项目中，经常会遇到通过一些事件，希望页面数据重新加载 一、this.$router.go(0)相当于F5刷新，这种方法虽然代码很少，只有一行，但是体验很差。页面会一瞬间的白屏，体验不是很好； 二、location.reload()这种也是一样，画面一闪，体验不是很好，相当于页面刷
阅读全文
摘要：在开发中，难免会遇上各种问题，今天讲解一下，在vue项目中，只改变路由中的参数，路由地址不改变页面数据不刷新问题；造成这个问题的原因，是因为 vue-router 同一个页面地址栏参数改变（比如文章的发布和编辑是同一个页面），不会触发vue的created或者mounted钩子，所以数据不会重新渲染
阅读全文
