Docs

前端组件文档
输入“/”快速插入
前端组件文档
search-table 表单和表格查询组件
示例
<template>​
  <div​
    class="exercise-center">​
    <search-table​
      :columns="columns"​
      :request="request"​
      auto​
      waterMarkText="发展平台"​
      ref="searchRef">​
      <template v-slot:tools>​
          <div class="tools-btn">​
              <el-button type="primary">新增xx</el-button>​
          </div>​
      </template>​
    </search-table>​
  </div>​
</template>​
<script lang='ts' setup>​
import { resolveComponent } from 'vue'​
import { columnsType } from '@/public/ui/search-table'​
​
type dataType = {​
 title: string​
}​
const columns: columnsType<dataType> = [​
    {​
      key: 'title',​
        title: '标题',​
    },​
    {​
        key: 'action',​
        title: '操作',​
        width: 100,​
        render: (h, record) => {​
          return h('div', [​
            h(​
              resolveComponent('ElButton'),​
              {​
                type: 'text',​
                style: {​
                  marginRight: '5px',​
                },​
              },​
              {​
                default() {​
                  return '编辑'​
                },​
              }​
            ),​
          ])​
        },​
    }​
]​
​
const request = params => {​
    return Promise().then(res => {​
        return  {​
            code: 0,​
            data: {​
                total: 1,​
                list: [{title: '标题‘'}]​
            }​
        }​
    })​
}​
</script>​