- 博客(11)
- 收藏
- 关注
原创 VBen Admin 中集成 TDesign Chat AI实现过程
本文介绍了如何在Vue项目中使用TDesign的Chat组件,并实现流式输出功能。首先,通过npm install @tdesign-vue-next/chat安装依赖,并在main.js中引入组件。接着,在组件中使用<t-chat>标签,结合弹出框实现聊天界面。文章详细展示了如何通过fetch请求后端的SSE接口,实现流式输出,并处理终止对话操作。通过AbortController控制请求的中断,最终成功实现了流式输出的功能。
2025-05-21 09:47:53
304
原创 如何实现antdesign 在表格表头添加筛选按钮对表头进行动态切换
首先,我们看一下antd的官网api有什么属性,filters是表格的筛选菜单项,但是我们的需求是动态改变表格的columns不需要去筛选,这个属性也可以实现我们的需求,但是columns的属性包括children的话,最外层的父节点是加不上filters的,是不生效的。filterDropdown属性,filterDropdown可以自定义筛选菜单,此函数只负责渲染图层,需要自行编写各种交互,这个属性就是让我们自己去编写Dom实现自己想要的效果,同时他可以在有children属性的父节点上实现。
2023-12-14 09:20:31
1335
1
原创 前端如何重构后端返回的数据成对象格式
JavaScript reduce() 方法 JavaScript Array 对象 实例 计算数组元素相加后的总和: [mycode3 type='js'] var numbers = [65, 44, 12, 4];reduce的第一个参数是一个回调函数包括我们需要的数据类型的数据和当前数据,第二个参数是我们定义回调函数中第一个参数的数据类型是哪种,下面这个就是定义了一个对象类型的数据,都是我的个人见解,如果大家要了解请移步至官方文档。前端要把他处理成对象的格式是这样的。
2023-12-06 12:00:36
556
1
原创 防抖和节流有什么区别?
防抖:在重复触发这个事件后,在一定时间内没有触发,事件处理方法会执行一次,如果在这个时间内又触发了,那么就会重新计时。他俩的区别:防抖只会执行一次事件处理函数,节流是无论触发多少次,每隔一段时间就会执行一次事件处理函数。节流:无论你触发多少次事件,每隔一段时间就会执行一次事件处理方法。有错误的话 请大家批评指正。
2023-10-27 10:08:21
146
1
原创 forEach删除指定元素 出现的问题
我一开始使用的是forEach循环,发现每删除一个元素他的index值都要减1,长度也要减1,但是forEach循环里无法满足这个条件,删除第一个元素后,数组循环还在继续,要继续寻找index为1的元素。举个例子:arr = [1,2,3,4,5],我现在要删除元素为1和元素为2的。解决办法2:直接for循环(大家用自己的数据修改即可)解决办法1 :不用forEach,过滤删选。
2023-10-17 11:08:41
269
原创 AntDesign组件库中a-select添加showSearch不起作用
AntDesign组件库中a-select添加showSearch不起作用
2023-10-16 11:49:16
905
2
原创 用antdsign组件的table 取消固定的滑过行样式
这样设置的话,table固定的滑过行样式就是透明色了,满足一些在大屏上展示表格的需求。
2023-09-26 09:50:04
494
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人