iview框架中table中动态过滤filters

iview框架中table中动态过滤filters

注意：如果分页的话，过滤只能一页一页进行过滤，分页最好不要使用!

{
          title: "状态",
          key: "status",
          width: 120,
          sortable: false,
          filters: [],
          filterMultiple: true, //是否可以多选
          filterMethod(value, row) {
            if (row.status == value) return row.status === value;
          },
          render: (h, params) => {
            this.statusType.forEach((item) => {
              if (item.value == params.row.status) {
                params.row.statusData = item.title;
              }
            });
            return h("div", [h("span", params.row.statusData)]);
          },
        },

         var filterst = [];
         for (var i = 0; i < this.statusType.length; i++) { //statusType是我全部的状态数组
           filterst[i] = {
             label: this.statusType[i].title,
             value: this.statusType[i].value,
           };
         }
         this.columns[5].filters = filterst; //状态列在我的table中为第六列，index为5

效果图：