avue 動態添加列表操作按鈕和form新增按鈕

在avue-crud組件裏面添加<template></template>即可
<template>
  <basic-container>
    <div class="app-container calendar-list-container">
      <avue-crud :option="option"
                 ref="crud"
                 v-model="form"
                 :page="page"
                 @on-load="getList"
                 :table-loading="listLoading"
                 @search-change="handleFilter"
                 @refresh-change="handleRefreshChange"
                 @row-update="handleUpdate"
                 @row-save="handleSave"
                 :data="list"
                 :upload-before="beforeUpload">
        <template slot="menuLeft">
          <el-button v-if="permissions.wmp_musicmanage_add"
                     class="filter-item"
                     style="margin-left: 10px;"
                     @click="handleCreate"
                     size="small"
                     type="primary"
                     icon="el-icon-edit">添加</el-button>
        </template>
        <template slot-scope="scope"
                  slot="menu">
          <el-button size="small"
                     type="text"
                     icon="el-icon-edit"
                     @click="handleEdit(scope.row,scope.index)">編 輯
          </el-button>
          <el-button size="small"
                     type="text"
                     icon="el-icon-delete"
                     @click="handleDelete(scope.row,scope.index)">刪 除
          </el-button>
        </template>
      </avue-crud>
    </div>
  </basic-container>
</template>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章