element-ui字符串模糊查询
时间: 2023-11-06 15:00:55 浏览: 133
element-2.3.9.zip
在Element UI中实现字符串模糊查询可以使用el-table组件的filter-method属性。你可以在el-table-column中设置filter-method属性,并指定一个过滤方法,该方法将根据你的条件对数据进行过滤。以下是一个示例代码:
```html
<el-table-column prop="name" label="姓名" :filters="nameFilters" :filter-method="filterName">
<!-- 这里是表头内容 -->
</el-table-column>
```
```javascript
data() {
return {
// 过滤条件数组
nameFilters: [
{ text: '小明', value: '小明' },
{ text: '小红', value: '小红' },
{ text: '小刚', value: '小刚' }
],
// 过滤方法
filterName(value, row) {
return row.name.includes(value);
}
};
}
```
在这个示例中,我们创建了一个名为name的列,使用nameFilters数组作为过滤条件,filterName方法作为过滤方法。在filterName方法中,我们使用了JavaScript的includes方法来判断数据是否包含过滤条件中的值。
回答完问题后的
阅读全文