![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
菜鸟的踩坑之旅
jieyucx
这个作者很懒,什么都没留下…
展开
-
vxe-table展开行嵌套子表,每个子表的数据都是接口获取,每次展开的子表的数据都不同。
要解决这个问题,你需要为每一行的展开内容维护一个独立的数据状态。这意味着每当你展开一行时,你应该检查是否已经为这一行加载过数据。如果已经加载过,就使用已有的数据;如果没有,就从接口获取数据并存储起来,以便下次展开时使用。// fetchDataForExpandRow 是你的 API 调用函数。// 如果行被展开且该行数据未加载,则调用接口获取数据。对象用于存储每行的展开数据。中,以便下次展开时直接使用,避免重复调用API。// 存储每行展开数据的对象。// 展开行事件处理函数。// 将获取到的数据存储。原创 2024-06-13 11:25:48 · 441 阅读 · 0 评论 -
element-plus日历组件el-calendar自定义内容,每天绑定不同的值
【代码】element-plus日历组件el-calendar自定义内容,每天绑定不同的值。原创 2024-06-05 09:18:45 · 446 阅读 · 0 评论 -
element-plus中el-dialog使用::v-deep()穿透设置样式不生效踩坑记录
如上:我想去掉插槽自带的下边框和上边框,但是不生效。给el-dialog加个类,在不带scope的。原创 2024-05-29 09:19:40 · 884 阅读 · 0 评论 -
element-plus中el-tabel中使用el-image层级重叠问题踩坑记录
【代码】element-plus中el-tabel中使用el-image层级重叠问题踩坑记录。原创 2024-05-29 09:07:50 · 357 阅读 · 0 评论 -
使用vue-i18n控制台报黄:You are running the esm-bundler build of vue-i18n. It is recommended to configure yo
你正在运行vue-i18n的ESM(ES模块)捆绑构建版本。建议配置你的打包工具(bundler),以明确地将特性标志(feature flag)全局变量替换为布尔字面量,以便在最终捆绑包中获得正确的“树摇”(tree-shaking)效果。这里的“树摇”(tree-shaking)是Webpack等现代JavaScript打包工具中的一个概念,它可以在打包过程中移除未使用的代码(即“摇掉”这些代码),从而减小最终生成的包的大小。原创 2024-05-15 10:20:11 · 651 阅读 · 0 评论 -
vue3中使用useStore()获取vux中的store踩坑记录
是否在setup函数下,不可以在setup里的函数的内部,写在函数内部的话就会出现,获取不到store对象的情况,useStore这个方法的调用位置是有要求的,它只能在setup函数中调用,这是它的语法规定。,在下面打印‘store’时,组件会被渲染两次,打印两次,第一次可以打印出来值, 第二次是个。如上述代码,我在setup中的计算属性函数中嵌套使用了。放到setup中定义就可以了。原创 2024-04-25 11:41:57 · 461 阅读 · 1 评论 -
nvm报错获取 ‘https://npm.taobao.org/mirrors/node/index.json‘ 时失败
由于npm.taobao.org域名HTTPS证书到期更换为npmmirror.com。找到nvm安装路径的settings.txt文件。打开添加或者更改镜像地址,报存就好啦。更改好之后,再次使用nvm就好了,如下。原创 2024-04-22 16:00:57 · 597 阅读 · 1 评论 -
npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED npm ERR! request to https://registry.
npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIREDnpm ERR! request to https://registry.npm.taobao.org/jsrsasign failed, reason: certificate has expired原创 2024-01-22 19:49:53 · 10279 阅读 · 3 评论 -
uniapp开发微信小程序uni.chooseImage()部分机型不生效问题
在小程序管理后台,更改用户隐私协议,增加选择照片功能。点击不生效,无法调起手机的相册选择照片功能。服务内容说明–>更新。原创 2024-01-15 17:07:22 · 1528 阅读 · 0 评论 -
vue-echarts踩坑,本地开发可以渲染echarts图表,线上环境图表渲染不出来
如上图,我开始写的静态数据,在data中定义了chartOption1:{…}, 在接口数据返回之后,更新了配置项,在本地开发环境可以正常渲染。但是线上环境出不来,也不报错,接口数据一切正常。无奈最后没有使用‘vue-echarts’这个库,用了echarts原生写法。在接口获取数据以后,调用inintEcharts方法。全局注册v-chart组件。原创 2024-01-12 12:11:48 · 776 阅读 · 0 评论 -
elementUI 框架中el-radio-group组件赋值之后,点击无效问题
在绑定值变化触发的事件添加 this.$forceUpdate() 强制更新。原创 2023-12-14 18:05:02 · 2283 阅读 · 0 评论 -
在 Windows 中关闭 Nginx 所有进程
请注意,上述命令假设 Nginx 已经在系统的 PATH 环境变量中配置。如果没有,请提供正确的 Nginx 安装路径,或者在命令中使用完整的路径来替换。将该命令与所有 Nginx 进程的 PID 一起使用,以终止所有正在运行的 Nginx 进程。此命令将启动一个新的 Nginx 进程来重新加载配置文件并重新启动服务器。使用以下命令来终止所有 Nginx 进程(使用上面的 PID 替换。的进程以及它们的 PID。打开命令提示符(CMD)。此命令将列出所有名为。选项来强制终止进程。原创 2023-11-21 12:08:59 · 2671 阅读 · 1 评论 -
vue3的getCurrentInstance获取组件实例踩坑记录
我们可以通过 getCurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象;。在Vue3中,可以用来获取当前组件实例访问组件实例的属性:可以通过或来获取当前组件实例的属性。例如,可以使用访问组件的 props 属性。调用组件实例的方法:可以通过或来调用当前组件实例的方法。例如,可以使用来触发组件的自定义事件。在生命周期钩子中使用:可以在组件的生命周期钩子中使用来获取当前组件实例,以便在钩子函数中访问组件实例的属性或调用组件实例的方法。原创 2023-10-25 12:25:44 · 9999 阅读 · 0 评论 -
document.body.clientHeight获取可视区域高度为0问题解决
打印出来的currentHeight是0。为body加上如下css。原创 2023-10-24 15:13:20 · 336 阅读 · 0 评论 -
vue3传递prop踩坑
可以看到这里的outsideColor和insideColor的值并没有接受到,还是组件内定义的默认值。可以看到outsideColor接受到了传递的值,insideColor没有。这是我写的loading组件中定义的几个porps。我在使用时是这样传入的。原创 2023-10-23 10:04:16 · 253 阅读 · 0 评论 -
uniapp云打包app使用sqlite实现本地缓存,以及云打包sqlite不生效踩坑记录
SQLite是一种轻量级的关系型数据库管理系统。它是一个自包含、无服务器的数据库引擎,可以在客户端程序中直接嵌入,并且不需要独立的数据库服务器进程。SQLite使用简单的SQL语言,支持大多数标准的SQL语法和功能,包括事务、索引和触发器等。SQLite的数据库以单个文件的形式存储在主机文件系统中,可以轻松地将数据库文件在不同的设备间进行传输和共享。由于其小巧、快速、灵活和可移植的特性,SQLite广泛用于各种嵌入式系统、移动应用程序和其他小型项目中。原创 2023-10-10 11:58:17 · 2094 阅读 · 0 评论 -
rollup打包vue文件报错[!] (plugin commonjs--resolver) RollupError:xxxx,src/test.vue?vue&type=template&id=0f
中已经配置了解析vue相关插件,但是还是报错。rollup打包vue文件报错,如上图。原创 2023-10-08 17:13:22 · 1774 阅读 · 0 评论 -
nginx 报错[emerg]: unknown directive “锘? in E:\nginx-1.18.0/conf/nginx.conf:3
类似WINDOWS自带的记事本等软件,在保存一个以UTF-8编码的文件时,会在文件开始的地方插入三个不可见的字符(0xEF 0xBB 0xBF,即BOM)。它是一串隐藏的字符,用于让记事本等编辑器识别这个文件是否以UTF-8编码。原创 2023-09-20 15:30:09 · 2043 阅读 · 0 评论 -
vue cli npm run build打生产环境包报错Cannot read property ‘pop‘ of undefined
【代码】vue cli npm run build打生产环境包报错Cannot read property 'pop' of undefined。原创 2023-09-13 17:57:22 · 989 阅读 · 0 评论 -
关于el-input和el-select宽度不一致问题解决
这种情况下再给select加上width:100%,达不到预期的效果。原创 2023-09-04 12:08:08 · 3411 阅读 · 1 评论 -
购买阿里云vod视频点播服务流程
购买阿里云视频点播服务并不是一项复杂的任务,只要遵循步骤,就可以轻松完成。本文对于购买阿里云视频点播服务的流程进行了详细的介绍,希望能够对读者有所帮助。购买阿里云视频点播服务不仅能让企业有效地管理和分发视频内容,也能为个人提供创建、上传、管理视频资源的平台。通过学习本文,读者可以更好地了解阿里云视频点播服务,更好地利用这一功能来推动自己的业务和发展。原创 2023-08-04 09:20:56 · 251 阅读 · 2 评论 -
vue项目中为高德地图信息窗体添加点击事件踩坑
这里遇到了一个坑,在给信息窗体中的内容添加点击事件时,在此记录一下踩坑和解决过程。原创 2023-07-26 17:42:24 · 1261 阅读 · 2 评论 -
让vue项目支持glsl语法
如果你想让Vue项目支持GLSL(OpenGL着色语言)语法,你需要使用特殊的加载器使Webpack能够加载和解析GLSL文件。glslify-loader 会处理引入的文件,并返回一个字符串,您可以直接在 WebGL 程序中使用这些字符串。这个规则告诉webpack当遇到后缀为.glsl的文件时,使用webpack-glsl-loader进行处理。注意事项:请记住,webpack 需要重新启动才能使新的 loader 配置生效。原创 2023-07-25 17:31:46 · 1461 阅读 · 0 评论 -
mongodb本地连接失败解决方案
其实我也挺奇怪,我明明设置的是自动启动。原创 2023-07-24 10:10:20 · 1776 阅读 · 2 评论 -
发布npm包流程
如果是第一次发布,可能会让你输入一次性验证码,会给你的邮箱发个邮件,点进邮箱查看,根据提示输入即可。:发布npm包需要准备好npm账号,编写代码和文档,上传代码并确认包名称、版本和许可证,最后通过npm install命令安装测试。命令创建一个新的npm包,按照提示填写包的信息,如包名称、版本、描述、作者、许可证等。确认你的包名称没有被占用,也不要使用npm保留名称。你现在可以分享你的包了,其他人只需要在终端中使用。确认你的包的版本是合理的,通常采用语义化版本。在上传包之前,在你的代码中删除任何敏感信息。原创 2023-07-24 17:58:19 · 1323 阅读 · 0 评论 -
npm login 时报错npm ERR! code E403
可以使用npm config get registry查看当前的源。如果是npm源地址,我们关掉终端,重启一下,再次登录试试。我切了他又报401,真服了啊,明明已经切到npm源地址了。3. 切换到npm官方的源地址。原创 2023-07-24 17:43:42 · 2294 阅读 · 0 评论 -
在vscode中配置git bash终端
将以下配置添加到vscode中的settings.json中。原创 2023-07-06 10:02:25 · 3760 阅读 · 0 评论 -
vscode中配置代码片段
下面在赠送一波vue3的代码片段吧。原创 2023-07-03 09:22:58 · 1679 阅读 · 0 评论 -
vue项目 ‘npm run dev‘ 报错 npm ERR! errno 134
这时需要我们分配更多的内存给。原创 2023-06-27 15:29:56 · 3764 阅读 · 1 评论 -
vscode插件安装失败
打开设置json文件将http.proxyAuthorization属性设为null, false和off都不行。原创 2023-06-22 00:13:56 · 198 阅读 · 0 评论 -
Vue编译报错: Component name “xxx“ should always be multi-word vue/multi-word-component-names
【代码】Vue编译报错: Component name “xxx“ should always be multi-word vue/multi-word-component-names。原创 2023-06-16 14:14:59 · 627 阅读 · 0 评论 -
git add .报错warning: adding embedded git repository: carreport hint: You‘ve added another git...
删除子文件夹的.git文件, 重新add commit push。如当前仓库目录下的子文件夹内又是一个仓库。仓库中同时包含有另一个。原创 2023-06-15 12:12:41 · 2584 阅读 · 0 评论 -
npm下载依赖报错 Invalid dependency type requested: alias
我使用的是nvm管理node版本 我切换到12版本就可以了。alias这个好像得是6.9.0版本以上。报这个是alias需要高版本的npm。原创 2023-06-15 10:25:28 · 3352 阅读 · 0 评论 -
request to http://registry.cnpmjs.org/element-ui failed, reason: getaddrinfo ENOTFOUND registry.cnpm
遇到这个问题的原因是由于在npm中设置了代理,那。原创 2023-06-15 10:20:17 · 700 阅读 · 0 评论 -
vue路由在使用keep-alive缓存之后第二次进入页面created和mounted不执行问题及解决
Vue.js中keep-alive是一个内置组件,可以在需要缓存的组件上添加keep-alive标签,使得这个组件被缓存起来,不会被多次渲染和销毁。keep-alive组件有两个独立的生命周期钩子,分别是activated和。原创 2023-06-14 09:10:18 · 6944 阅读 · 0 评论 -
npm install报错 -> npm ERR! Unexpected token ‘.‘ 报错解决办法
有5个版本的node,我们要nvm uninstall 18.13.0, nvm uninstall 16.18.1…我遇到这个问题的场景是用nvm1.1.7的版本安装了16.x以上的node, 然后再下载依赖的时候就报错了。下载下来之后,直接双击执行这个程序,跟着提示一步一步安装就行了,如果不会安装的大家可以参考我的这篇文章。总结一下就是nvm版本太低了,他的里面没有集成高版本node导致的。这样依次执行命令,卸载掉所有的node。我们把nvm版本换到最新的就可以了。使用use命令使用下载的版本。原创 2023-06-05 17:24:51 · 4074 阅读 · 0 评论 -
vue中如何保留字符串中的空格
直接将后端返回的字符串渲染到页面时, 它会。就是你要渲染的带有空格的字符串。有的时候的一些需求是需要你。后端返回的字符串中的。原创 2023-06-05 10:09:18 · 786 阅读 · 0 评论 -
运行vue项目时报错defineConfig is not a function
然后一直yes,也就是敲回车,一直等他跑完就行了。项目根目录下运行如下命令。原创 2023-06-01 16:14:12 · 4896 阅读 · 2 评论 -
vue编程式导航params传参踩坑记录
【代码】vue编程式导航params传参踩坑记录。原创 2023-05-25 11:47:19 · 121 阅读 · 0 评论 -
什么是跨域,如何解决跨域(前后端)
跨域:指的是在网页端,发起一个跨越不同域名(协议、端口号)的HTTP请求的过程。例如:当一个页面的URL为http://a.com,通过Ajax向http://b.com发送请求,就是一个跨域请求。跨域问题是由浏览器的同源策略所引起的。同源策略限制了JS代码只能读取与其来源页面具有相同域名的数据。具体而言,同源策略是一种浏览器安全策略,它通过检查来源URL(协议 + 域名 +端口)是否与目标URL来源是否相同来决定是否允许跨域访问。同源策略主要限制以下四种行为。原创 2023-05-12 09:52:24 · 3439 阅读 · 0 评论