- 博客(5)
- 收藏
- 关注
原创 实现el-table表格动态合并
如上图所示 我们要根据左侧三列进行每一列的相同名称合并,对每一行相同名称也进行一个合并,当时也在网上查找了一些案例 该图也是其中一个案例的数据,不过那是写死的需要一个一个去配置 如果数据过多就比较麻烦 ,下面是全部的代码 数据可以自己添加调试一下。在Vue项目中,我们经常使用的组件库就是element,但是根据一些夸张的需求我们可能要进行一些数据处理和组件的处理,对于el-table单元格的合并组件中也存在案例,但是那都是写死的 我们需要一个动态的合并。
2024-03-15 17:27:37
411
1
原创 前端js实现输入框、富文本、文字脱敏
请注意,这个示例仅用于演示目的,并没有考虑性能优化和边界情况。在实际应用中,你可能需要添加更多的逻辑来处理不同的脱敏需求,例如处理大小写、部分匹配、多个连续敏感词等。此外,对于大型应用或高频更新的输入,你可能需要考虑使用防抖(debounce)或节流(throttle)来优化性能。会自动更新,显示脱敏后的内容。这里使用了正则表达式来匹配和替换敏感词汇,将其替换为相同长度的星号。输入框中的内容进行多词汇的脱敏处理,你可以使用Vue的双向数据绑定(变化时重新计算,并对输入内容进行脱敏处理。
2024-02-28 14:44:43
253
原创 vue获取本地xlsx文件数据内容
请注意,由于这是一个静态资源,因此文件路径是相对于项目根目录的,并且不会受到Webpack别名或路径解析的影响。文件作为静态资源放在项目中,并直接读取它,你需要使用不同的方法,因为静态资源文件在构建过程中会被Webpack处理,并且路径会变成相对于构建输出的路径。文件并不常见,因为这通常用于在开发过程中提供测试数据,而不是在生产环境中动态读取用户上传的文件。文件并读取其内容,你应该使用前端表单处理和后端文件上传API来接收和处理这些文件,而不是将文件硬编码到项目中。在你的Vue组件中,你可以使用。
2024-02-28 14:37:56
1041
原创 echarts图表 tooltip提示框,xAxis X轴,formatter自定义
实现echarts x轴自定义、悬浮框自定义、双y轴重叠问题
2022-08-02 13:58:33
4871
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人