- 博客(13)
- 收藏
- 关注
RSS订阅原创 Vue2 路由变更组件query参数不更新问题处理
开始我以为是需要watch监听路由或状态的变化。虽然能解决问题，但是总是先闪一上原来内容。还得把各种状态重置一下。后来一直觉得不太友好，想各种办法优化。最近项目上开发，测试提了一个问题。通过路由query传参到组件内，每次传参内容不一样，但总是回显头一次传参的数据，直到f5刷新才会更新。是一个内置缓存组件，难怪会发生各种数据不更新问题，果断解决问题。最后，才注意到是加载路由时使用了KeepAlive，希望遇到同样问题的码友有所帮助！
2024-06-21 10:09:53
174
原创 el-table宽度无限延长问题处理
本以为理所应当就好了，实际并没彻底解决问题，推敲后发现 table的宽度100%，应该是一个具体的数值，所以我把注意力放到了包裹table的容器里，由于上层div容器需要自适应屏幕宽度，所以容器的样式做了以下处理。今天遇到一个奇怪现象，使用element-ui处理表格里，当表格里数据为空，视图里的表格宽度在不断拉长，查找原因看到 table有个行内样式width在不断变化，如图。开始我以为是ele-ui官方插件的一个bug，然后在百度上查了一下相关问题，给el-table处理了样式。
2024-05-15 11:07:50
759
原创 解决el-table数据变化，视图不更新的问题
今天在项目上要实现一个在表格里使用el-radio实现单选功能，遇到一个问题是选择不同行内的单选框时，其他行的radio状态不更新，如图：（左侧是正常效果，右侧为bug图）在网上查找类似问题，还尝试使用了this.$set()方法，这个方式看介绍是对数据进行响应式，就是解决直接改动数组并不能驱动视图更新的问题，但还是不生效，不知道怎么回事？此前，我尝试使用了this.$nextTick()方式，不生效，如果数据更新是异步进行的（例如通过API请求），确保更新数据后，使用Vue的。方法来等待DOM更新。
2024-05-09 16:57:45
629
原创 vue2项目el-table中嵌套el-dropdown, 下拉菜单事件不响应
最近在做项目改造，发现之前element-plus中正常使用el-dropdown，在element中没响应，查了官方文档了解到两个版本dropdown的事件不一样。在element中，使用common事件感觉有点绕弯子，所以我用了.native 修饰符的方式实现了下拉菜单的事件触发。.native - 监听组件根元素的原生事件。主要是给自定义的组件添加原生事件。下面分别看一下两个版本的写法。
2024-04-19 10:31:05
559
1
原创 vue3.0 npm run build打包报错‘xxx’is declared but its value is never read.
解决办法：package.json 文件中修改打包命令："build": "vite build"
2024-03-12 15:36:48
516
1
原创 npm run dev启动报错：TypeError: Cannot read property ‘upgrade‘ of undefined
在vue.config.js中，检查代理服务proxy中的target地址是否为空或没找到！vue-cli项目启动时报错，查找原因是proxy代理地址没写对。
2024-03-08 09:54:46
458
1
原创 vue3.0+vite+ts build打包报错问题汇总
一、打包报错问题：Did you mean to enable "allowJs" option?解决方法：tsconfig.json文件中，“compilerOptions”配置"allowJs": true||===================================================================||二、打包报错问题：Property ‘ ‘ does not exist on type ‘never‘解决方法：将 package.json 文件中的 "bu
2024-02-29 16:08:50
3589
1
原创 cnpm install安装依赖报错：Error:Error: certificate has expired at TLSSocket.onConnectSecure
3、解决方法二：使用淘宝新域名镜像。执行：npm config set registry https://registry.npmmirror.com。今天用cnpm淘宝镜像安装项目依赖包，突然崩了，看了报错信息显示证书失效了。3、解决方法一：使用官方npm源，放弃使用镜像，当然这种方法比起镜像安装会延长安装依赖的时间。在2024年1月22日，淘宝原镜像域名(registry.（或手动找到.npm下cache文件夹，删除文件夹下所有缓存文件）.taobao.org)的 HTTPS证书正式到期。
2024-02-28 10:50:20
1055
原创 CSS样式问题之display:inlink-block；后最后一个元素与前面的元素不能对齐
如图两列图标我使用的是将每个块元素display:inlink-block，实现了在固定宽度里两个块元素占一行，这样比写多行要方便很多，也不用使用float带来的更多烦恼。但就是出现了一个问题，就是前面几行效果都不错，就是最后一个元素不对齐。原因是两个并列的inline-block默认是基线对齐的，可通过设置。在项目实践中总有些奇怪的样式问题让人头疼，总觉得代码没什么问题，但效果就是不理想，我这些天就遇到两个头疼的问题，原因查找了很久，解决之后又觉得这么简单，时间都浪费了。
2024-02-26 14:34:55
279
1
原创 数组Array系列方法
之前，我们一般使用方括号通过索引访问数组元素：array[index]，如果指定的索引是一个无效值，JavaScript 数组并不会报错，而是会返回 undefined。在项目实践过程中，操作数组是很常见的，但有时我们处理数组的时候可能没有用到最简洁的方法，降低了代码的可读性。JavaScript 数组的索引是从0开始的，第一个元素的索引为0，最后一个元素的索引等于该数组的长度减1。现在有一个新方法Array.prototype.at()，接收一个正整数或负整数的索引，返回该索引的元素值。
2024-02-22 11:16:44
215
1
原创 Vue3.0指令文档
有时在一个组件中包含多个插槽出口是很有用的， 元素可以有一个特殊的 attribute name，用来给各个插槽分配唯一的 ID，以确定每一处要渲染的内容，这类带 name 的插槽被称为具名插槽 (named slots)。当使用直接在 DOM 中书写的模板时，可能会出现一种叫做“未编译模板闪现”的情况：用户可能先看到的是还没编译完成的双大括号标签，直到挂载的组件将它们替换为实际渲染的内容。11、v-pre：跳过该元素及其子元素的编译，最常见的就是显示原始双括号标签及内容。
2024-02-19 15:19:41
1387
1
原创 Vue3.0使用Element-ui制作table组件，操作列动态渲染按钮
分享一下最近使用vue3.0二次封装过的el-table组件，带有分页功能，以及操作列按动态数据有条件渲染！希望可以帮助各位在职前端小伙伴解决一些实际问题。
2024-02-18 17:30:17
1677
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人