随笔分类 - 日常问题解决
修改dataV带标题边框标题的字体颜色
摘要：<style lang="less" scoped> /deep/ .dv-border-box-11-title[fill] { fill: #96d8fd !important; // 更换颜色 } </style>
解决dataV库中滚动列表抖动的bug
摘要：最近在一个大屏项目组使用到了dataV库中的滚动列表，发现在滚动过程中第一行会抖动 加上 ::v-deep .row-item { height: 10% !important; line-height: 0 !important; // font-size: 1vh !important; ove
纯前端导出word手写复杂表格，并还原成word。百分百还原表格。一文搞定前端表格导出为word
摘要：本次的需求是手写一个养老院老人生活能力评定表，并且要能够录入信息，最终导出 表格因为有七页所以代码很多，可以不用看表格模板的详细代码。 先贴上最终效果图 填写完导出之后 基本上实现了样式的百分百还原导出 web端的表格主要实现思路就是用原生table画表格，嵌入饿了么ui和vue的条件渲染来实现编辑
解决element ui 下拉框表单验证切换选项就直接触发的问题
摘要：element ui 下拉框表单验证正确使用步骤 1.确保form组件的:model属性绑定了表单的数据对象 2.确保form组件的rules绑定了对应的rule 3.确认要验证的表单item绑定了对应的prop属性 注意：prop属性的名称要和rule里面的名称一样并且和v-model的属性名称一
小程序checkbox单独监听状态改变
摘要：小程序中的checkbox中监听change要和checkbox-group放在一起，然后在checkbox-group上监听change事件，但是这样太麻烦了，特别时对于只有一个checkbox的时候，我们可以监听tap事件，然后手动判断 <checkbox checked="{{ agree }
CSS 媒体查询 @media【详解】
摘要：关于媒体查询的一篇好文推荐 https://blog.csdn.net/weixin_41192489/article/details/126028971
IOS 不支持this.$router.go解决办法
摘要：在使用Vue路由实例对象$router.go进行页面切换时ios是不起作用得，可以使用 location.href = "javascript:history.go(-2);" 解决
van-popup 组件中的 close-on-click-overlay 失效
摘要：我在写van-popup 组件中的的时候 <van-popup v-model="taskShow" round position="bottom" close-on-click-overlay="false"> 禁用了点击蒙层关闭弹窗，但是一直不生效，网上也找了很多的文章一直没解决掉。 后来我转念
new Date(时间) IOS兼容的问题
摘要：当时间格式为yyyy-MM-dd HH:mm:ss时，即日期使用-连接时，ios会无法识别，返回invalid Date无法识别和转换 解决方法： 使用replace替换，直接将 - 替换为 / 这样安卓和IOS就都可以识别了 new Date("yyyy-MM-dd HH:mm:ss").repl
echarts中clear和dispose的区别和使用场景
摘要：clear和dispose是echarts提供的用于解决内存溢出的方法。 echarts.clear()是清空当前实例，会移除实例中所有的组件和图表。 echarts.dispose()是销毁实例，销毁后实例无法再被使用。 我觉得clear和dispose就类似于v-show和v-if clear类
echarts图表随着视图窗口的大小resize改变图表大小的实现
摘要：最近使用echarts比较多，之前用的比较少，这次使用时发现视图窗口变小以后在恢复原来的大小，图表不会自己恢复。 通过监听视图变化调用图表的resize()方法解决了问题 window.onresize = () => { console.log("窗口大小改变了"); if (this.weekC
解决for in 遍历js对象，得到的顺序不正确问题
摘要：最近在项目中需要遍历一个对象，按照顺利来渲染 用for in之后发现每次得到的对象属性的顺序都不是按照后端数据源来排序的。 因为对象中没有顺序，他不是数组，所以想要得到一个顺序就首先要只给对象指定规则，这里是通过对象的value的字母来指定的规则。 objectOrder(obj) {//排序的函数
记录VUE开发遇到异常el-select绑定值为对象的时候报key重复的异常问题
摘要：最近在用el-select时发现渲染出来的选项全部被激活了，一开始以为时v-for的key重复了，后来发现不是。 又以为时v-model绑定的数据不是响应式的，发现也不是。 查询Element UI 官方文档得到解决方案 <el-form :model="form2" ref="form2" siz
ElementUI的不常见报错Error in beforeDestroy hook: “Error: [ElementForm]unpected width
摘要：今天在解决项目BUG的时候，发现控制台突然多出了一个错误， Error in beforeDestroy hook: “Error: [ElementForm]unpected width 简单分析过后，确定了问题出在了 Form 表单中，但不影响正常功能，看了一些文章，同样的问题也会出现在dial
Required request body is missing: 前端接口报错错误解决
摘要：前几天遇到一个报错：Required request body is missing； 经过检查是因为在传递参数时使用params来传递的。 而使用params来传递参数会被拼接到url上不管是get还是post请求，这时候请求体也就是body是不存在的。 所有后端在获取参数时会报request b
记录v-solt的几种写法
摘要：最近vue2/vue3混着写经常出现插槽写法的混淆 下面记录一些vue2中作用域和具名插槽使用时的写法 v-slot使用方式1： <template v-slot:operate="{ row }"><template> 则可替换为： <template slot="operate" slot-sc
在请求中使用键值对来进行传参，不使用JSON格式
摘要：在项目中碰到了个别请求需要使用键值对进行传参，不允许使用JSON格式。 第一步：引入qs模块，qs模块时node自带的模块，直接引入即可 import qs from 'qs' 第二步：使用qs.stringify()方法，qs.stringify()作用是将对象或者数组序列化成URL的格式。那么这
this.$nextTick无法获取到this.refs.xxx问题的解决
摘要：在做一个打印预览的功能时要通过循环添加要打印的二维码来预览 使用this.$nextTick无法获取更新后的dom，并且二维码在循环后生成也没有生成，因为先循环数组生成二维码的容器，然后再生成二维码。二维码容器的dom在循环后使用this.$nextTic没有获取到，所有二维码自然也生成不了。 最终
使用axios+vue在离开页面时中断网络请求
摘要：最近做到一个需求需要在离开页面时中断未完成的网络请求 第一步： 引入axios和CancelToken实例子 import axios from 'axios' const CancelToken = axios.CancelToken 第二步：在封装好的接口方法中加入cancelToken配置属性
