Vue+elementUI两步实现表格中某字段检索筛选及展示

该检索只是对前端的数据进行增加display效果,不进行后端查询,更方便更快捷;

效果图:

上代码:

第一步:给 el-table 增加 cell-style属性( :cell- )

第二步: 定义timeRend方法 (SearchStr为检索框对应的 v-model数据)

timeRend(data){
	let that =this;
	if(that.SearchStr != '' && (data.row.namePhonetic.indexOf(that.SearchStr.toUpperCase()))){
		return 'display:none;'
	}
}