PmToolbar

工具条

基础用法

新增 上传 下载 修改 上传 下载 删除 上传 下载

<PmToolbar>
  <PmToolbarItem icon="el-icon-plus" @click="info('add')">新增</PmToolbarItem>
  <PmToolbarGroup>
    <PmToolbarItem icon="el-icon-upload" @click="info('upload')">上传</PmToolbarItem>
    <PmToolbarItem icon="el-icon-download" :disabled="true"  @click="info('download')">下载</PmToolbarItem>
  </PmToolbarGroup>
  <PmToolbarItem icon="el-icon-edit" @click="info('edit')">修改</PmToolbarItem>
  <PmToolbarGroup>
    <PmToolbarItem icon="el-icon-upload" @click="info('upload')">上传</PmToolbarItem>
    <PmToolbarItem icon="el-icon-download" :disabled="true"  @click="info('download')">下载</PmToolbarItem>
  </PmToolbarGroup>
  <PmToolbarItem type="primary" icon="el-icon-delete" @click="info('delete')">删除</PmToolbarItem>
  <PmToolbarGroup type="primary">
    <PmToolbarItem icon="el-icon-upload" @click="info('upload')">上传</PmToolbarItem>
    <PmToolbarItem icon="el-icon-download" :disabled="true"  @click="info('download')">下载</PmToolbarItem>
  </PmToolbarGroup>
</PmToolbar>
<script>
export default {
  methods:{
    info(text){
       this.$message({message: text})
    }
  }
}
</script>

显示代码 复制代码 复制代码

PmToolbarItem Attributes

同 el-button#attributes (opens new window)

PmToolbarItem Events

同 el-button#events (opens new window)

PmToolbarGroup Arrtibutes

参数	说明	类型	可选值	默认值
type	样式,同 el-button	string	primary / warning / success / danger / default	default