vuetable修改记录

最新推荐文章于 2025-06-25 09:02:29 发布

沐沐春风

最新推荐文章于 2025-06-25 09:02:29 发布

阅读量496

点赞数

CC 4.0 BY-SA版权

分类专栏： manager_front 文章标签： vuetable

本文链接：https://blog.youkuaiyun.com/MMJC6/article/details/87892892

manager_front 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在Vuetable中通过自定义方法setTitleCom设置表头的筛选功能，利用_component:searchComList调用搜索组件，并在fields属性中添加筛选列。详细解释了如何在子组件中展示复选框并响应点击事件，调用父组件的column-search方法及setFilter方法，以实现表格数据的动态刷新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                        
                    
                    vuetable添加筛选列
vuetable的fields属性为每列的数据来源，格式为：fields:[
	{
			name:'responseMember', //如果使用组件  name:'_checkbox:memberId'
			  title:'负责人',
			  width:30,
			  titleClass:'text-center',
			  dataClass:'text-center'
	}
]

setTitleCom()自定义方法，设置表头的筛选   column.titleCom = "_component:searchComList"; //调用搜索组件
   column.searchDataList = members;

修改fields中每项添加筛选列，搜索组件在vue-table-component.js中,组件中根据传入的数组进行复选项的展示，点击确定时再调用父组件event中column-search的方法。
然后调用父组件的setFilter方法，处理搜索条件，实现表格刷新。
append-params属性为表格查询条件。




                