【记一下】ElementUI 中table 设置默认筛选

最新推荐文章于 2024-07-30 08:28:18 发布

enjoyphenix

最新推荐文章于 2024-07-30 08:28:18 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：记一下文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/u012076762/article/details/112858450

本文介绍了如何在 ElementUI 的 Table 组件中设置默认筛选，以实现更人性化的用户界面，例如一键预览功能。通过代码示例展示了如何将第四列的值设为'家'作为默认筛选条件。

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

参考链接
 elementui官网table使用demo链接

【记一下】ElementUI 中table 设置默认筛选

【需求】为table表实现快捷操作，如通知用户某项数据达到预警值，一键预览功能（实际对用户更人性化设计）

【代码】

/** 设置某一列默认过滤
* 封装好的方法（this.$refs.table => 指向table）
* @param col 列数 第几列(1开始)
* @param val 过滤值 类型是数组（里面的值类型需匹配）
*/
setDefaultFilter(col, val) {
   
   
      const column = this.$refs.table