- 博客(359)
- 收藏
- 关注
RSS订阅原创 v-html 样式失效
vue3使用:deep(){}，穿透标签，v-html中的样式就可以生效了。标签使用了v-html，但是渲染的HTML标签中的样式并没有生效。
2024-01-29 15:08:32
356
原创 npm i 报错：Cannot read properties of null (reading ‘refs‘)
旧项目要更改东西，重新部署上线的时候，发现页面显示有异常。当时在开发环境是没有问题的。后经排查是一个引入swiper的页面报错了，只要注释掉swiper插件，就没问题了，但这肯定是不行的。npm和pnpm的混用。这个项目开发的时候用的是npm，这次更更新内容的时候又是pnpm。切换低版本node，我目前使用的是18，以前开发项目用的是16。切换到低版本的16，npm i也没有问题，部署项目后也没有问题。但是运行npm i的时候，会报错：Unexpected token '.'。
2023-11-02 15:17:11
981
原创 eslint报错：no-empty-source
这个错误通常发生在 CSS 文件中，当整个文件都没有内容时，即文件为空时，就会触发 no-empty-source 规则。提交代码时，eslint校验没有通过，报错。eslint在183行检测到一个非预期的空源。删掉空的style标签。
2023-09-27 15:38:41
405
原创 git commit 时 报错 ‘lint-staged‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件
合并分支的时候报错， 'lint-staged' 不是内部或外部命令。导致分支无法合并，且会见被合并分支的提交内容stage到合并分支，提示需要在合并分支再执行一次commit命令。因为我们的代码在提交，或者合并时，必须通过代码校验，才能正常提交或合并。这个报错就是因为没有全局安装‘lint-staged’，导致分支无法合并。直接在项目下执行pnpm i，下载相应的包即可。
2023-09-25 10:52:30
1246
原创 git commit报错：type may not be empty [type-empty] subject may not be empty [subject-empty]
这是因为提交信息的冒号后面没有加空格。如下图，冒号后面加空格即可。
2023-09-18 11:54:03
521
原创 vue使用window.location.href 跳转失败
vue项目中直接使用window.lcocation.href跳转外链，但是跳转的链接会被拼接成这样。
2023-09-14 15:16:59
1799
原创 element-plus报错：No known conditions for “./lib/locale/lang/zh-cn“ entry in “element-plus“ package
然而，在这个新版本中，"./lib/locale/lang/zh-cn" 的路径发生了变化，导致了编译错误。接手同事的项目，运行直接报错：No known conditions for "./lib/locale/lang/zh-cn" entry in "element-plus" package。意思是没有这个文件，但是同事是可以正常运行的。2. 更改文件引入路径，相应的语言包路径更为：mport zhCn from "element-plus/es/locale/lang/zh-cn";
2023-09-13 10:46:23
3582
原创 关于oss直传
1. 前端请求后端接口，拿到oss签名，包括callback、accessid、policy等参数。（入参根据后端需求提供即可）3. 上传oss成功后，接口会返回ossId，等文件相关信息。2. 拿到签名等数据后，请求上传oss的接口，这个接口的入参包括1步骤请求回来的参数，及需要上传的file文件。我这边的原因是，oss直传file需要md5加密，直接传递没有加密的文件，后台接口会直接返回这个错误。当然，对于规模较小、成本较低的项目来说，常见的上传方式还是适合的，毕竟没有最好的，只有最适合的。
2023-09-13 10:40:48
561
原创 element表单先编辑后新增resetFields()无效的坑
新增和编辑是同一个表单。先新增后编辑，编辑弹框可以正常赋值；先编辑后新增，新增弹框会初始化编辑的数据；
2023-09-13 10:19:16
173
转载 Plugin has already been applied to target app 警告问题
可以检查各个插件的引入是否重复引入了，我是pinia在main.ts重复引入了，删除main.ts的引入，控制台就不警告了。细节问题，控制台的警告信息已经告诉我们Plugin里的插件已经被应用在app上了，说明我们的某个插件被重复应用了。
2023-09-12 10:53:29
879
转载 input type=file 同一个文件做两次上传操作，第二次无效解决方法
使用input[type=file] 实现文件上传功能，通过onchange事件触发js代码，这个时候第一次上传是完全没问题的，当你第二次上传文件时，如果是不同于上一次上传文件的话是可以正常上传的，不过如果你选择的还是上一个文件，也就是两次上传的文件重复了，那么就会上传失败。input是通过onchange事件来触发js代码的，由于两次文件是重复的，所以这个时候onchange事件是没有触发到的。读取文件后，记得把input的value重新设置为空即e.target.value=''
2023-08-25 14:56:45
1184
原创 vite按需引入elementPlus ，并自定义主题色
3. 在src下新建一个文件来覆盖element样式，我的路径是 @/styles/element/index.scss。4. 安装sass，配置elementPlus采用sass样式配色系统。1. 首选无论是按需引入还是全引入都需要先安装elementPlus。6. 现在就可以在页面中引入element啦，样式已经成功覆盖啦！b. 配置vite.config.js。2. 按需引入elementPlus，可参照。5. 配置vite.config.js。
2023-08-25 14:28:27
316
原创 element plus 按需引入模式 ElMessageBox样式失效解决
import { ElMessage, ElMessageBox } from "element-plus";import "element-plus/es/components/message/style/css";import "element-plus/es/components/message-box/style/css";
2023-08-15 15:04:33
424
原创 vue3+vite3（三）动态路由刷新路由失效问题
如果不为0，则表示第一次登陆，生成了动态路由，登录后会走匹配路由的方法，不会有问题;如果length为0，表示刷新页面，需要重新执行路由匹配，重新添加动态路由即可。但是如果直接在浏览器地址栏更改网址，或者刷新页面，路由会失效，并自动定位到404页面。不要把404页面定义在固定路由里，而是在动态路由挂载后，再router.push()404页面。页面刷新时，路由重新初始化，动态添加的路由此时已不存在，只有一些固定路由（比如登录页面）还在，所以出现了404的情况。评论区有知道的同学，麻烦指正下。
2022-11-07 16:08:50
6706
2
原创 vite 项目报错：‘Cannot find module ‘unplugin-vue-components/vite’
更改node版本，使用nvm use更改版本到14。项目可以正常启动了。经百度可知，是因为node版本太低，我使用的是12。
2022-08-11 14:27:23
4259
1
转载 js拼接html时，onclick传参问题
3.使用JSON.stringify()将对象转换成json字符串，但是依然会报错unexpectedendofinput，该错误是因为json字符串的双引号和onclick的双引号冲突，需要将json字符串转成单引号字符串。如果直接使用对象，页面渲染的时候，onclick的参数为（[onjectObject]）。对象是不能拼接的，拼接的必须是字符串，因此需要将对象转变为字符串。1.将对象拆开，只穿需要传递的参数（参考第二点，需要转义）...
2022-07-20 16:40:24
1688
1
转载 关于onbeforeunload
转载：巨坑！监听浏览器窗口关闭onbeforeunload不起作用（脱坑了啊！！）_朝阳群众Jone的博客-CSDN博客_window.onbeforeunload不起作用
2022-07-12 16:34:54
134
转载 element表单校验输入框手动清空时出现XXX is required提示
将标签内的‘required’删除 element 验证出现英文以及自动验证问题_皮蛋灬的博客-CSDN博客
2022-06-16 16:16:52
748
转载 Vue学习-form表单input只能输入0-100数字，小数位最多可保留两位。
转载：Vue学习-form表单input只能输入0-100数字，小数位最多可保留两位。_Java_Scholar0的博客-CSDN博客
2022-06-16 14:20:06
1935
转载 v-for中的key值-diff算法
虚拟dom只有主要的几个属性,速度更快以后vue数据更新好处1: 提高了更新DOM的性能(不用把页面全删除重新渲染)好处2: 虚拟DOM只包含必要的属性(没有真实DOM上百个属性)情况1: 根元素变了, 删除重建情况2: 根元素没变, 属性改变, 元素复用, 更新属性1. 无key - 就地更新v-for不会移动DOM, 而是尝试复用, 就地更新，如果需要v-for移动DOM, 你需要用特殊 attribute 来提供一个排序提示2. 有key-key为索引 还是就地更新，因为新旧虚拟DOM对比, key
2022-06-10 13:44:01
186
原创 关于clipboard.js 的使用，完成文本的复制
clipboard.js 主要用来对节点内的文本完成复制。支持原生js的调用虽然是用的原生js，但是类名传递依然可以使用“.btn”这种方式，id名同理。问题：1. 点击多次时，复制功能重复调用多次 这是因为调用后没有销毁实例，需要再调用clipboard.destory()销毁实例2. vue首次点击时需要点击两次才能复制成功 在vue中使用clipboard.js，需要点击两次才能复制成功的问题_MilkyMoon的博客-CSDN博客......
2022-06-08 18:36:28
741
转载 script标签中的async和defer
转载：图解 script 标签中的 async 和 defer 属性 - 掘金在html页面中通常会出现以下几种script，那他们有什么区别呢？<script scr='......'></script><script scr='......' async></script><script scr='......' defer></script>1. script浏览器在解析html的时候，如果遇到一个没有任何属
2022-05-26 11:21:00
300
原创 js去除字符的引号，使其变为变量，并赋值调用
eval()函数let a_1='aa'function test(data){ console.log(`${data}_1`) //aa_1 console.log(eval(`${data}_1`)) //aa}test(a)
2022-05-23 15:43:33
378
原创 swiper动态渲染列表失效
尝试方法一：采用v-if，当列表请求成功后，再渲染swiper。结果依然不能正常渲染尝试方法二：采用nextTick，当页面加载完成后，再渲染swiper结果还是不能正常渲染尝试方法三：采用定时器在nextTick中加一个200的定时器，结果可以正常渲染了！！！ onMounted(() => { nextTick(() => { setTimeout(()=>{
2022-05-19 15:17:01
3059
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人