按钮样式

<el-button
    size="mini"
    type="text"
    icon="el-icon-plus"
    @click="handleAdd"
    v-hasPermi="['*:*:add']"
>添加数据
</el-button>
<el-button
    size="mini"
    type="text"
    class="text-info-cus"
    icon="el-icon-view"
    @click="handleDetail(scope.row.id)"
    v-hasPermi="['*:*:detail']"
>详情
</el-button>
<el-button
    size="mini"
    type="text"
    class="text-success-cus"
    icon="el-icon-edit"
    @click="handleUpdate(scope.row)"
    v-hasPermi="['*:*:edit']"
>修改
</el-button>
<el-button
    size="mini"
    type="text"
    class="text-warning-cus"
    icon="el-icon-check"
    @click="handleSubmit(scope.row.id)"
    v-hasPermi="['*:*:submit']"
>提交审批
</el-button>
<el-button
    size="mini"
    type="text"
    class="text-danger-cus"
    icon="el-icon-delete"
    @click="handleDelete(scope.row)"
    v-hasPermi="['*:*:remove']"
>删除
</el-button>
<el-divider></el-divider>
<el-button
    type="primary"
    plain
    icon="el-icon-plus"
    size="mini"
    @click="handleAdd"
    v-hasPermi="['*:*:add']"
>新增
</el-button>
<el-button
    type="success"
    plain
    icon="el-icon-edit"
    size="mini"
    :disabled="single"
    @click="handleUpdate"
    v-hasPermi="['*:*:edit']"
>修改
</el-button>
<el-button
    type="danger"
    plain
    icon="el-icon-delete"
    size="mini"
    :disabled="multiple"
    @click="handleDelete"
    v-hasPermi="['*:*:remove']"
>删除
</el-button>
<el-button
    type="warning"
    plain
    icon="el-icon-download"
    size="mini"
    @click="handleExport"
    v-hasPermi="['*:*:export']"
>导出
</el-button>
<script>
  export default {
    data() {
      return {
        multiple: undefined,
        single: undefined
      }
    },
    methods: {
      handleAdd() {

      },
      handleDetail(id) {

      },
      handleUpdate(row) {

      },
      handleSubmit(id) {

      },
      handleDelete(row) {

      },
      handleExport() {

      }
    }
  }
</script>

Expand Copy Copy