antd
文章平均质量分 59
OUO~
一个在代码海洋中随处漂流的求学者
展开
-
Ant Design Vue TreeSelect组件自定义表格行合并
需求将前面两列相同的数据合并成一个,效果图如下官方实例我用的Antd版本号为:1.7.8,下图是官方实例,从这我们可以看出实际靠obj当中的attrs属性值里面加入colSpan或者rowSpan来控制合并行列思路首先向后端请求List数据集合过来,然后从中获取对应的数据知道要合并多少列再赋值给rowSpan。由于我后端传过来的list集合种并无rowSpan函数,所以需要我们往原有得集合种加入该属性值,此处我借鉴了网上不少前辈们写的例子,后面结合如下代码。思路大部分都写在注释里面了ini原创 2021-09-26 18:06:50 · 771 阅读 · 0 评论 -
请求路径中参数携带,的坑
业务场景今天做批量打印的时候。写好路径再触发点击发送请求的事件的时候,总是报错,被Dubbo关闭请求。用PostMan模拟请求的时候却正常,后面找了半天原因发现时路径问题。错误场景前端vue multipleCasePrint(){ if (this.selectRowKeys.length>0){ //判断是否选中表格项 let id=[];原创 2021-09-16 14:32:29 · 350 阅读 · 0 评论 -
使用vue-XLSX导出表格信息踩的一个坑
业务场景需要将表格信息按照当前页,或者全部数据导出成Excel此处我用的是vue中的XLSX导出,教程地址:https://www.cnblogs.com/dragonKings/p/12155289.html问题思路其实就考虑表头与列两部分信息就可以了,表头信息容易获得,一般各大前端框架表格都有Column属性。直接拿就可以了。将表头数据搞定其中tableColumn包含表头许多信息,以及它所对应的数据key值。dataIndex其实就相当于KEY,data_代表着传入的list集原创 2021-09-15 18:02:10 · 517 阅读 · 0 评论 -
Ant Design Vue TreeSelect组件自定义图标icon
业务需求基于Ant Design Vue1.7.8版本。需要在TreeSelect 树型选择控件中根据不同的数据类型前面加不同的ICON图标。效果代码<div class="list-box"> <div> <a-tree-select v-model="treeValue" style="width: 200px"原创 2021-09-08 14:10:38 · 13040 阅读 · 2 评论