知识小结-15表格下拉框筛选

news/2024/7/5 19:36:36

1、表格下拉框筛选filters报错问题
在这里插入图片描述
由于filters不能是变量只能是定值,出现值变化时,更改filters的值

在这里插入图片描述
2、表格筛选功能

{
title: 'Age',
key: 'age',
filters: [
  {
    label: 'Greater than 25',
     value: 1
  },
  {
    label: 'Less than 25',
    value: 2
  }
],
filterMultiple: false,
filterMethod (value, row) {
if (value === 1) {
    return row.age > 25;
} else if (value === 2) {
    return row.age < 25;
  }
 }
},

filters:过滤数据的选项,格式为数组,数组中每项包含 label 和 value 属性,使用过滤,必须同时配置 filterMethod

filterMethod:数据过滤使用的方法,如果是多选的筛选项,对每一条数据会执行多次,任意一次返回 true 就会显示

filterMultiple:数据过滤的选项是否多选

3、表格的下拉菜单无法动态获取

showColumn:[
    {
        title: '预算周期',
        key: 'budgetCycle',
        align: 'center',
    },
    {
        title: '资源类型',
        key: 'resourceType',
        align: 'center',
        filters: this.GetResourceType(),
        filterMethod(value, row) {
            return row.resourceType.indexOf(value) > -1;
        },
        filterMultiple: false
 },
]

原因:在view中data()函数要先于create()、methods:{}执行,导致无法获取初始数据

解决: 将filters由被动的接收动态数据,改为主动的接收数据

eg、this.showColumn[1].filters = ?

http://www.niftyadmin.cn/n/1490594.html

相关文章

IOException parsing XML document from class path resource [spring-mvc.xml];报错原因

配置spring mvc 时自定义文件名时要命名为{servlet-name}-servlet.xml&#xff0c;并且配置 < init-param> 如命名为spring-servlet.xml&#xff0c;则 <servlet><servlet-name>DispatcherServlet</servlet-name><servlet-class>org.springfra…

知识总结-18报错解决

1、错误&#xff1a;go 运行时一直报错exit status 1 原因&#xff1a;用了&#xff1a;logger.Fatal而导致程序以为自己出现了致命错误&#xff0c;从而退出&#xff0c;不能正常继续执行的。 log中的Fatal&#xff0c;会调用os.Exit(1)&#xff0c;会导致程序退出的。解决&am…

三张图让你看懂JavaWeb中请求转发请求重定向请求跳转的实现原理!

最近在复习JavaWeb中发现对于Servlet处理请求的过程还是比较繁琐的&#xff0c;有时候想讲清楚一件事&#xff0c;一张精妙的图要胜过千言万语&#xff0c;直接进入主题&#xff0c;上图&#xff01; 1、请求跳转的详细过程 2、请求转发的底层实现 3、请求重定向的底层实现原理…

你一眼就看懂的IDEA中各种文件夹颜色标记的区别

在刚使用idea开发时大家会碰到同样都是文件夹&#xff0c;但是颜色标志都有些不一样&#xff0c;不同的颜色标志代表着文件夹有不同的用途。如下图&#xff1a; 1.Source roots (or source folders) 通过将文件夹设置为这种类别来告诉idea&#xff0c;这个文件夹和其下属的子…

知识小结-20mysql的使用

数据库的学习 https://www.w3school.com.cn/sql/sql_create.asp 导入*sql到数据库 source /Users/dxm/Desktop/fsg_resource_2019-07-29.sql查看与修改mysql端口 使用show global variables like ‘port’; 命令查看端口号, mysql> show global variables like port; +--…

IDEA中xml文件头报错:URI is not registered (Settings | Languages Frameworks | Schemas and DTDs)

有时候在IDEA中配置spring文件时会出现这个错误 URI is not registered (Settings | Languages & Frameworks | Schemas and DTDs)。 中文翻译就是统一资源标识符没有注册&#xff0c; 如下图&#xff1a; 那么我们就需要把这个不被识别的统一资源标识符添加到IDEA中&…

知识小结-21Makefile

Makefile: 一个工程中的源文件不计其数&#xff0c;其按类型、功能、模块分别放在若干个目录中&#xff0c;makefile定义了一系列的规则来指定哪些文件需要先编译&#xff0c;哪些文件需要后编译&#xff0c;哪些文件需要重新编译&#xff0c;甚至于进行更复杂的功能操作&#…

同学问我Spring中的事务,我这样告诉了他。。。。

前不久同学问我啥是事务&#xff0c;我翻了翻笔记&#xff0c;在此尽量用通俗易通的语言讲清楚事务的相关知识点&#xff0c;如有瑕疵&#xff0c;还望各位指点。 一、事务操作&#xff08;事务概念&#xff09; 1、什么事务 &#xff08;1&#xff09;事务是数据库操作最基本…