- 博客(87)
- 收藏
- 关注
RSS订阅原创 Echarts 柱状图显示百分比
数据结构为：{ "dt": "20240110", "effect_cnt": 725, "total_cnt": 1387, "both_effect_cnt": 912, "green_cnt": 650 },打印 formatter 的 params 里面只有 “effect_cnt” 的值，如果要进行计算，需要 params 里面包含 “total_cnt”要求：每个数值显示具体百分比，计算方式为： effect_cnt/total_cnt。
2024-01-18 10:11:56
1212
原创 vue3 内容过多出现滚动条时，滚动条自动定位到末端
当内容过多时，其实已经有了滚动条，但视觉上并看不出，要求自动定位到滚动条末端。元素上设置滚动条的位置，使用ref。
2023-12-21 15:55:42
804
原创 git 报错：You have not concluded your merge (MERGE_HEAD exists)
合并代码很多冲突，暂停合并，直接撤回了文件，但拉去最新分支代码报错
2023-05-18 09:43:30
294
原创 是否默认选中select选择框的值
当 appkey 发生改变的时候，如果 服务分组 返回了多个，需要用户手动选择，如果只返回了一个服务分组则默认选中。
2023-05-12 10:03:36
144
原创 vue 父组件使用this.$refs调用子组件报错，undefined、not a function问题解决方法
父组件调用子组件方法，一直报 not a function
2023-04-26 10:05:43
4609
3
原创 vue 地址栏输入参数，获取对应参数数据并回显
路由后面拼接 appName = '参数' ，获取对应参数并把参数回显到 select 下拉框中。
2023-04-24 19:39:21
565
原创 vue window.open如何下载.txt文件
下载按钮是通过请求后台接口，后台接口会返回一个resultS3Url地址，前端可以直接打开这个url进行下载的，表格类型的文件下载没有问题，但是浏览器默认TXT文件是直接打开的，所以我们要对TXT文件进行一些处理，利用a标签进行下载。
2023-03-21 11:46:41
1024
原创 循环生产的表单，动态显示字段
如果是单独写的表单给该字段加个if判断即可，for循环生成的表单我想到的是用监听来过滤。进入详情页，可以获取type字段，type的值为。场景：当类型为服务评测时，【作业链接】不显示。的时候，表示为服务评测，写个监听即可。
2023-03-09 16:39:07
88
原创 循环生成表单，如何进行校验
vue中使用for循环生成的表单，最初写的校验方式，就算input里面有值，也会弹出校验提醒。algorithmName和appName就是key值。解决方法：把校验规则放在form-item中。
2023-03-06 19:36:30
316
原创 git拉取远程分支到本地报错fatal: ‘origin/XXX‘ is not a commit and a branch ‘XXX‘ cannot be created from it
git拉取远程分支到本地报错fatal: ‘origin/XXX‘ is not a commit and a branch ‘XXX‘ cannot be created from it
2023-03-03 17:45:23
2157
原创 git切换分支：The following untracked working tree files would be overwritten by checkout:
因为之前更改文件名大小写没有把本地分支和远程同步，导致切换分支的时候报这个错误。
2023-02-23 09:45:16
1057
原创 git识别不到文件名大小写变更
把文件名从首字母小写改为首字母大写，然后 push 到远程，这时候 vscode 里识别不到文件的变更，导致本地的文件名是首字母大写，远程的文件名还是首字母小写，原因是git默认配置是忽略大小写。
2023-02-15 16:55:38
2204
原创 vue table操作列实现自适应宽度
根据权限展示操作列按钮，需要操作列自适应宽度，参考了好多文章，要不就是太麻烦，要不就是原生，真的很烦！
2023-02-14 10:34:53
531
1
原创 vue3+ts 不能将类型“string”分配给类型“Record＜string, any＞
vue3+ts 不能将类型“string”分配给类型“Record
2023-02-10 14:25:49
4931
2
原创 使用vue3+ts，props.xxx可能未定义
vue3+ts编写时ts报错，提示对象可能未定义，但实际上data是有值的，并且页面也是正常展示，但就是语法有问题。
2023-02-07 17:25:18
2571
原创 “TypeError: this.$parent.clearList is not a function“
子组件调用父组件方法报错： this.$parent.clearList is not a function。是因为我使用了UI组件把我的子组件包裹起来了，获取到的父组件就是UI组件，才导致报错
2022-11-11 14:36:38
506
原创 vue From表单 新增 or 编辑
在做增删改查的需求时，新增和编辑大多数用的同一个form表单，这时候需要我们判断用户当前点击的是新增还是编辑，编辑的话需要回显当前该条数据。给 modal 绑定 title，在 data 里面定义 dialogTitle 为 ' '，然后点击新增或者编辑弹窗之前给他赋值。编辑的接口中，会有个 id字段，只需要判断表单里是否会有id，如果有就是编辑，没有就是新增。点击table文件中的修改按钮，给title赋值。点击新增按钮，给title赋值。二、判断当前是新增还是编辑？在index文件中，监听回显。
2022-10-19 14:54:40
1954
原创 超出限定字段截断，鼠标悬停显示全部文字
需求：超出6个字符后显示...，当鼠标悬停上去后显示全部文字。这时候已经实现了截断（文本中要有个title属性）可以使用过滤器来实现。
2022-10-12 19:17:25
525
原创 watch —— Cannot read properties of undefined (reading ‘0‘)
vue 父子传参的时候，在子组件监听父组件传过来的参数，页面也是正常渲染的，控制台一直报 Cannot read properties of undefined (reading '0')增加个 if 判断，有值的时候进行赋值。由此可见，是触发了两次，第一次没有值，所以报错。打印了newvalue，控制台显示打印了两次。
2022-10-08 14:35:30
683
原创 vue中使用 setTimeout 函数 失效
箭头函数中的访问的this实际上是其父级作用域中的this，箭头函数本身的this是不存在的，这样子就相当于此时函数中的this是在声明的时候就确定了，所以是直接指向了data里面的变量。这是由于setTimeout函数调用的代码运行在与所在函数完全分离的执行环境上，这会使得this指向的是window对象。在vue中使用 setTimeout，直接调用this.函数，控制台报错。
2022-09-29 14:42:07
1136
原创 ::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.
在 vue3 中使用 less 预处理器，需要更改组件的样式，使用::v-deep深度选择器之后终端弹出警告。vue3 单文件规范::v-deep写法已经被废弃了。
2022-09-19 16:27:07
428
原创 Vue 数字千位分隔符
涉及的数据比较多，写一个过滤器，将所有的数据都过滤一下，挂载到全局，不需要每个页面引用了。创建一个js文件，实现数字千位分隔符。在 main.js 文件中引入。
2022-08-24 19:32:31
2524
原创 git 提交与回滚
可以看出 master 分支修改了pom.xml，新增了四个文件 -m 提交注释 在代码提交完成之后， 发现出了问题，需要回滚到上一次提交的节点找到最近一次提交，复制提交的信息码，如图： 运行命令 ，就可以成功回退到那个版本...
2022-07-13 18:33:54
9089
原创 node-sass报错
安装完sass之后，启动项目报错这是由于你的 node 版本和 node-sass 版本不兼容所导致的。输入node --version查看你的node版本，然后对照下图安装匹配的node-sass版本。 解决方案：依次执行以下命令卸载原本不兼容的node-sass，执行命令npm uninstall node-sass安装对应的node-sass版本，例如我的 node 版本是14.0.1，npm install node-sass@4.14.1 --save安装之后就不会报错了...
2022-06-29 22:40:59
1724
原创 vue移动端 首页下拉空白
使用的是 better-scroll 插件 从代码可以看出，是加载插件，再渲染数据。应该是当dom都加载完毕，再去执行 BetterScroll可以使用 this.$nextTick()
2022-06-29 16:39:53
441
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人