fsadmin框架的selectpage组件怎么加自定义查询条件的同时显示多字段
时间: 2024-05-02 20:18:25 浏览: 77
自定义证书查询,可以增加修改字段,和自定义查询条件
5星 · 资源好评率100%
在fsadmin框架的selectpage组件中,可以通过自定义查询条件,同时显示多个字段,具体步骤如下:
1. 在selectpage组件的props中,添加一个customQuery参数,用于自定义查询条件,例如:
```
<fs-select-page
:columns="columns"
:data="data"
:custom-query="customQuery"
...
></fs-select-page>
```
2. 在Vue组件中,定义一个customQuery方法,用于自定义查询条件,例如:
```
export default {
data() {
return {
columns: [
{ title: '姓名', key: 'name' },
{ title: '年龄', key: 'age' },
{ title: '地址', key: 'address' }
],
data: [
{ name: '张三', age: 18, address: '北京市' },
{ name: '李四', age: 20, address: '上海市' },
{ name: '王五', age: 22, address: '广州市' }
]
}
},
methods: {
customQuery(params) {
return {
name: params.keyword,
age: params.age
}
}
}
}
```
3. 在customQuery方法中,根据传入的参数params,自定义查询条件,并返回一个对象,对象的属性名对应数据源中的字段名,例如上面的例子中,根据params中的关键字和年龄参数进行查询,返回一个对象,其中属性名为name和age。
4. 在自定义查询条件中,可以添加多个属性,对应多个字段,这样在查询结果中就会同时显示多个字段。
阅读全文