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

最新推荐文章于 2024-08-20 09:45:52 发布

enjoyphenix

最新推荐文章于 2024-08-20 09:45:52 发布

阅读量2k

点赞数 1

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

本文链接：https://blog.csdn.net/u012076762/article/details/112858450

版权

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

摘要由CSDN通过智能技术生成

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

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

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

【代码】

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