简介

搜索组件，搭配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 属性

属性	说明	类型	可选值	默认值	示例/备注
where	条件	Object	—	—	字段作为key，具体属性看下表
属性 说明 类型 可选值 默认值 示例/备注 type 类型 String input / select / date / datetime / daterange / datetimerange / inputrange / 其他全局注册的组件名称 input — label form-item的标签文本 String — — — props 当type为'select'，或者其他自定义组件时，可以配置此属性，会绑定这个属性v-bind="it.props" Object — — —
notReset	点击清空按钮时，不清除这些字段，多个用逗号隔开	Object	—	—	id,name