elementUI table组件，数据筛选设置默认值，filtered-value 的用法

最新推荐文章于 2023-12-12 14:18:25 发布

静敲敲的代码

最新推荐文章于 2023-12-12 14:18:25 发布

阅读量7.9k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端开发随记文章标签： javascript jquery vue.js html5 html

本文链接：https://blog.youkuaiyun.com/qq_35818228/article/details/109703854

前端开发随记专栏收录该内容

4 篇文章

订阅专栏

这篇博客记录了如何在jQuery环境下结合ElementUI实现表格的过滤功能，特别是关于filtered-value属性的使用。通过设置filtered-value为默认筛选值，如'启用'，并配合filter-method方法，可以实现数据的预筛选。这对于那些在网上找不到jQuery+ElementUI过滤教程的开发者来说，提供了宝贵的参考。

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

项目最近使用到了elementUI,网上找的都是vue的版本，根据文档，现在使用的jqery+elementUI table，用到了过滤器，关于默认值 filtered-value 的用法，网上怎么都找不到，翻墙找到了用法，记录一下；

<el-table-column align="center"
  fixed
  prop="userStatus"
  label="状态"
  :filters="userStatusData"
  :filtered-value="['启用']"
	:filter-method="filterHandlerStatus"
		  
  width="60">
  
</el-table-column>