element ui 如何简洁地实现表格的搜索功能

Question

想输入某一个人名或日期时能显示想要的那一条信息（这个表格里的数据是用easy-mock模拟的）。
还有怎么过滤表格里全部的数据而不是只过滤当前页面的数据

Answer 1

取决于你本来的表格数据是怎么拿的：

1. 如果是一次性拿所有数据，那就在前端进行过滤，数组有filter方法，过滤完后重新把数据绑定到表格
2. 如果拿的数据是动态的，那就只能在点击【搜索】按钮时发送请求给后端，然后重新绑定到表格并显示

本觉得这个问题实在太简单，而且回答已经很清楚了，看到又更新了一遍问题，你这个估计是完全不懂前端...

你赋值给element ui的tableData
对tableData进行修改，改完再重新赋值。
如:

//获取的日期与名称假设为： searchData
let resultData = tableData.filter(data=>{
    //日期假设date,人名 name
    if(data.date == searchData|| data.name.indexOf(searchData) != -1){ //此处根据具体需求判断
        return true;
    }
});
//再把resultData 赋值给element ui组件就可以了。且这个不存在当前页面的问题，一般过滤都是拿全部数据过滤

Answer 2

回答的很棒 谢谢