简介

搜索组件，搭配mb-table使用

使用示例

<mb-search :where="tableOptions.where" @search="reloadTable" />
<mb-table ref="table" v-bind="tableOptions" />

const table = ref()
const tableOptions = reactive({
  url: '/system/role/list',
  where: {
    name: {
      type: 'input',
      label: '角色名称',
      value: ''
    }
  },
  cols: [
    {
      field: 'name',
      label: '角色名称'
    },
    {
      field: 'code',
      label: '角色编码'
    },
    {
      field: 'descRibe',
      label: '角色描述'
    }
  ]
})
function reloadTable() {
    table.value.reload()
}

search props

名称	类型	默认值	说明	版本
where	Object	{}	条件，详见where
notReset	String	undefined	清空时，不清空配置的字段。如：'id,name'多个字段逗号隔开
search	() => void	undefined	搜索按钮回调

search methods

名称	类型	默认值	说明	版本
reRenderComponent	(key) => void	undefined	传入查询项的key重新渲染组件

search where props

名称	类型	默认值	说明	版本
component	input | select | date | datetime | daterange | datetimerange | inputrange | 其他mb-xxx开头组件	input	组件名称，默认前缀为mb-，如果配置n-前缀则使用naive-ui组件
label	String	undefined	form-item的标签文本
componentProps	Object	undefined	当type为'select'，或者其他自定义组件时，可以配置此属性，会绑定这个属性v-bind="it.componentProps"
value	String | Number | Array | ...	null	组件的值
valueChange	({ value, reRenderComponent, where }) => void	null	详见valueChange

search where valueChange props

名称	类型	默认值	说明	版本
value	String | Number | Array | ...	null	组件的值
reRenderComponent	(key) => void	undefined	传入查询项的key重新渲染组件
where	Object	undefined	所有查询项的Object