- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue3使用jsPDF实现上传图片转pdf（可多图转多页pdf）
vue3使用jsPDF实现上传图片转pdf（可多图转多页pdf）实现图片转pdf主要还是在于对jsPDF中addImage()、addPage()以及output()方法的使用，当然jsPDF的功能不止于此
2023-11-10 16:53:24
1380
2
原创 前端vue3实现本地及在线文件预览（含pdf/txt/mp3/mp4/docx/xlsx/pptx）
本地或内网预览需要借助插件实现，pdf、mp3、mp4等主要靠原生标签或浏览器自带功能，尽量减少了插件的安装。
2023-11-10 15:44:17
19730
8
原创 vue配置项目启动时自动打开浏览器
vue配置启动时自动打开浏览器。如果配置了open为true，没有配置host，项目启动时浏览器只会自动打开0.0.0.0:80的页面，而不会打开本地项目启动的正确地址。
2022-12-11 14:46:52
934
原创 react +ant desiagn pro实现按钮操作权限控制
在ant desiagn pro中提供了一个access用于对权限进行控制，需引入useAccess和Access
2022-06-24 11:44:09
1802
原创 react 中实现TextArea输入文本换行及数据反显换行
添加css样式whiteSpace:'pre-wrap'实现换行2.反显换行在需要反显数据的元素上添加whiteSpace:'pre-wrap'即可，我反显数据使用的组价是Descriptions.ItemwhiteSpace具体参数配置可参考以下：实现效果
2022-06-14 16:36:00
2156
原创 react 导出文件时获取响应头中的文件名
在开发中导出功能十分常见，而导出的文件虽然前端也可以灵活设置名字，但有时候也可能需要使用后台下发文件名，下面就是通过截取响应头中的信息设置文件名 通过上图可知，后端下发的文件标题放在红框参数中，而绿框是需要截取出的完整数据因本项目使用Ant Design Pro框架，在发送请求时使用umi-request封装的request方法，所以获取响应头需要配置getResponse: true；其他请求方式按具体情况操作，重点在于获取到响应头并对其进行截取...
2022-06-08 14:42:49
1626
原创 antdesign的树形下拉TreeSelect选择回显父节点/子节点/父子节点
在项目开发中使用TreeSelect组件时，发现同时选择了父节点和子节点，但选择框仅显示出子节点如果希望控制父子节点的显示，可以配置showCheckedStrategy属性，如下：const Welcome = () => { const [value, setValue] = useState(['0-0-0']); const tProps = { treeData, value, treeCheckable: true,//显示勾选框 .
2022-05-27 11:40:47
9643
原创 react中使用antDesign的Input/InputNumber最多保留两位小数，多的小数位禁止输入，且实现输入实时校验并添加千位分隔符
在项目中有一个需求，对输入的金额需要最多保留两位小数，多的小数位禁止输入。使用网上查询的方法很多都不能实现实时校验，大多是输入的多位小数在失焦后再处理为两位小数，并不满足我这个项目的需求，经过多次改造尝试符合预期效果，特此写下笔记分享。1.在input中实现，主要利用Form.Item自带的属性getValueFromEvent <Col span={10}> <Form.Item
2022-05-18 17:41:01
11852
1
原创 react使用antDesign 取消select多选下拉框可编辑
在项目中使用antDesign的Select多选模式时，输入框会出现光标且可输入文字，希望取消输入文字，则可以在selsect组件上添加showSearch属性为false修改前：修改后： <Select options={orgLevelOption} mode="multiple" showSearch={false} />注：本次问题解决参考如下文章，antd的select为多选模式下时，输入框禁用搜索功能，禁止输入内容 (copyfuture.com)
2022-05-18 17:03:30
1930
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人