SZHFCLXX的博客

原创 Antd React 更改组件原本样式方法

在组件上通过className设置一个类名xxx通过 .xxx > div 的选择器方式修改样式

原创 细碎知识整理

2.qs.stringify() qs.parse() 用于生成获取拼在get请求后的参数。1.location.origin获取当前域名。

原创 与后端配合单个/批量导出excel的方法

直接通过后端提供的接口一行代码即可。

原创 uniapp 开发App时出现使用到的变量报错ReferenceError: xxx is not defined

在data中将要使用的变量都明确初始化即可解决。

原创 用a标签实现下载和弹出新页签预览pdf

下载中href地址中有api即其实质就是调了个接口；而预览中的href地址是纯远程文件所在路径，不会有api的存在！如果出现点击查看弹出了新页签却不是预览而是继续下载的情况，多半就是复制的时候加了api忘了去掉，导致又去调了下载的接口，而不是去远程找文件展示！

原创 JS 字符串年月日YYYY-MM-DD与当前系统时间年月日比大小

【代码】JS 字符串年月日YYYY-MM-DD与当前系统时间年月日比大小。

原创 Ant Design Vue Table 行合并的实现方式

(3) 设置初始值，创建二维数组，遍历数据执行逻辑：第二条数据与第一条数据做对比，当所有对应值相等，则把第二条数据对应值push进第一条数据所在二维数组的元素数组中，然后第三条数据再与第一条数据进行同样对比逻辑，直到遇到与第一条数据不满足所有对应值相等时，则该条数据在二维数组中新增一个数组元素，并作为该数组元素的第一个元素。然后继续进行遍历，后面的将该条数据作为前者进行对比，后续逻辑都相同了。并且设置对应的rowSpan数值，每一列对应的每一行rowSpan设置的数值就决定了行与行之间的合并方式。

原创 后台管理系统想要在切换功能时取消定时器的方案

【代码】后台管理系统想要在切换功能时取消定时器的方案。

原创 将如0001.0020这样的字符串除去多余0的处理方法

如 const test = Number(‘0001.0020’)直接进行强制类型转换即可。

原创 vue-json-excel 在导出一行a-table明细后再去导出另一行明细但导出结果还是和第一次一样

通过接口等拿到数据后要使用setTimeout稍微延时下再去触发导出，不然数还未更新就导出了。

原创 ant design vue a-table中使用a-checkbox

若出现给a-checkbox赋上了初始值但是就无法修改的情况，则查看a-table上是否写了expandRowByClick属性，如有则去掉即可。

原创 Ant Design Vue vue2多层级数据结构中的数组table数据更新时界面ui更新不同步的情况

1·.通过xxx = JSON.parse(JSON.stringify(xxx)) 再赋值。2.检查代码的执行顺序，是否存在ui更新后数据才更新的情况。

原创 vue-json-excel导出最简单的触发方式

如不需要做额外处理则更简单的方式如下。直接点击对应文字内容即可触发。

原创 a-table dataSource对应的值为空数组时其会自动显示无数据无需其他引入操作

a-table dataSource对应的值为空数组时其会自动显示无数据无需其他引入操作。

原创 单独打印后马上进行批量打印但是弹出的打印页面还是显示的之前单独打印的内容

此问题的产生原因是批量打印vue文件中的打印元素索引id与单独打印vue文件中的打印元素索引id写为一样了。让其不相同即可解决问题。

原创 打印的某列文字超出单元格如何处理且需保持垂直居中

故对名称这一列的样式进行单独处理，在字体大小固定为16px的前提下，当字段数超过6个产生换行时，去掉行高样式。未超过6个保留行高样式。首先产生这样的问题是因为将单元格的行高写死了。但是去掉行高其又不能垂直居中了。

原创 安装项目依赖时 npm i 有时会有问题 改用npm install即可

安装项目依赖时 npm i 有时会有问题 改用npm install即可。

原创 打印分页功能实现

原创 a-tabs切换页签时重新对a-input进行自动聚焦

autofocus只能在页面第一次加载或刷新时才生效，切换tab再次聚焦是用以下代码。

原创 关于在then内的高阶函数中代码出现错误但不报错

可以在then的后面接着写个catch，只要在then内出现报错就会执行后面接着的catch内的代码。

原创 父组件给子组件赋默认值无效的情况

首先看看是否有报错，可能是其他地方再次赋值将其影响到了。

原创 ant design vue table直接通过css修改样式无效

去掉这里的scope。

原创 vue中根据情况自定义销毁及重新渲染一个组件的方法

采用v-if即可。

原创 存在多层级某个字段只渲染一次的问题

在这里插入图片描述](https://img-blog.csdnimg.cn/021ecaca592742f1b75e8a3512cf8e85.png。必须要在最开始就声明这个变量，不能直接就改变它的值。

原创 a-input-number有默认值却无法修改的情况

问题场景：当该数字输入框的绑定值处于对象下的某个数组元素中某个对象内时。如data:{a:[], b:[], c:[]}，会出现修改输入框无效的情况。解决办法：看是否在data Option中进行了初始化data:{a:[], b:[], c:[]}

原创 Ant Design Vue 前端分页

在这里插入图片描述](https://img-blog.csdnimg.cn/1381c428f9054b64b797193cf7f62e4c.png。2.配置a-table的pagination属性。1.请求后拿到所有table数据。3.对应写点击分页时的触发方法。

原创 ant design vue table 行合并和列合并

在需要合并的colums对应元素中写customRender函数并配置obj.attrs.rowSpan, 该属性设置为数字几则对应行就向下合并几行，而那些向下被合并的行则需要将该属性设置为0，如上图画圈部分代码意为把第二行的数据Home phone列向下合并2行。如：出现要将某一列字段相同的行进行合并，但是他们在现有的数组数据中并不是连续的，则要和后端进行交涉，让其处理好数据后再返回给我们。如果要合并行或列需保证要合并的行或列是连续的。

原创 组件的双向绑定

在这里插入图片描述](https://img-blog.csdnimg.cn/ef9406bb124a4638956c891b39114c57.png。

原创 a-table使用中 遇到级联改变数据多次时不渲染的情况

如当输入数量和单价是自动计算总价。但是只有第一次输入时会渲染，应是vue的底层绑定原因，不能进行深度监听，只监听第一次层。又因为table的数据格式是[{xxx: yyy}]的形式，故当xxx属性进行改变时监听不到，我们可以通过深拷贝的方式将第一层的对象进行重新赋值让table第一次数据更新，从而让其每次改变都能正确渲染。

原创 ant design vue a-table横向滚动条不见了的处理方法

给a-table加上所有列所配的width和xxx作为📜{x: xxx},即可。

原创 ant design vue a-select v-modal及value、key均绑定id，但是模糊查询时需以其他字段如中文匹配的方法

加个属性及对应方法即可。

原创 删除对象属性

【代码】删除对象属性。

原创 ant design vue a-select 实现搜索功能

要根据什么去对应过滤就要把key和value对应绑定成什么（很关键）

原创 ant design vue table 如何强制渲染更新

原创 a-date-picker设置日期默认值及作为参数传给后端

用a-date-picker的时候，设置日期默认值直接用后端传回的字符串数据对应赋值给其v-model绑定的字段即可，要给后端传改日期字段也是直接拿对应的table中字段的数据即可不用去拿moment()函数做转换。

原创 ant design vue table 排序

ant design vue table 排序

原创 ant design vue table 只给一个单元格设置样式

ant design vue table 只给一个单元格设置样式

原创 antDesign vue table customRow属性的理解

antDesign vue table customRow属性的理解

原创 Ant Design Vue Table 滚动条样式设置

原创 vue打印操作

vue打印操作