input框实现过滤搜索

// 过滤
const filterData = () => {
  const filteredData = tableData.value.filter((item: any) => {
    const itemValues = Object.values(item); // 获取每一行数据的值组成的数组
    const searchNewValue = searchValue.value.toLowerCase(); // 假设 searchValue 是字符串类型,使用 toLowerCase() 转换为小写
    // 判断是否有任意字段的值包含搜索值
    return itemValues.some((value: any) => {
      if (typeof value === 'string') {
        return value.toLowerCase().includes(searchNewValue);
      } else {
        return false;
      }
    });
  });
  tableData.value = filteredData
}
// 获取数据
const loadingHandle = () => {
  TM.API.AdviseLogDatas((succ: []) => {
    const tableAllList = succ.concat(tableData.value); // 合并现有数据和新数据
    const delSize = 1000;//保留最新的一千条
    if (tableAllList.length > delSize) {
      tableAllList.splice(delSize);
    }
    if (!flag.value) {
      tableData.value = tableAllList;
      filterData(); // 对实时更新数据进行过滤
    }
  });

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值