广东网站推广,wordpress繁体版,学动漫设计需要什么条件,长春在线制作网站buildAdmin 的表头上添加一些按钮#xff0c;并实现功能 添加按钮
template!-- buttons 属性定义了 TableHeader 本身支持的顶部按钮#xff0c;仅需传递按钮名即可 --!-- 这里的框架自带的 顶部按钮 分别有 刷新 #xff0c; 添加#xff0c; 编辑并实现功能 添加按钮
template!-- buttons 属性定义了 TableHeader 本身支持的顶部按钮仅需传递按钮名即可 --!-- 这里的框架自带的 顶部按钮 分别有 刷新 添加 编辑 删除 公共搜索 快速搜索 显示隐藏列 --TableHeader:buttons[refresh, add, edit, delete, comSearch, quickSearch, columnDisplay, unfold]:quick-search-placeholdert(Quick search placeholder, { fields: t(security.dataRecycleLog.Rule name) })!-- 可以在此处以插槽的方式设置一些自定义按钮 --template #refreshPrepend!-- 刷新按钮前插槽内容 --/template!-- 默认插槽 --template #defaultel-button v-blur :disabledbaTable.table.selection!.length 0 ? false:true classtable-header-operate typesuccessIcon color#ffffff nameel-icon-RefreshRight /span classtable-header-operate-text还原/span/el-button/template/TableHeader
/templatescript
import TableHeader from //components/table/header/index.vue
/script
表头上的默认按钮只需要 在 button 数组中添加相应的名称就可以了 自定义表头按钮
表格顶部的按钮是通过表格组件中的插槽来添加的 代码如下图所示 从上图我们可以看到 自定义的按钮都添加上了
