使用 avue-tabs 标签,curd 数据加载不出来;

Blade 未结 2 3373
晓庄
晓庄 剑童 2019-07-01 17:48

只是把 avue-curd 放到了 avue-tabs 里面,然后做 tabOption 的定义,没有大的改动;

完整代码:



{{row.categoryName}}









2条回答
  • 2019-07-01 18:50

    问题已解决;改成这样;

    <avue-tabs :option="tabOption" @change="tabHandleChange"></avue-tabs>
    <span v-if="type.prop==='list'">
    <avue-crud
    :option="listOption"
    :data="data"
    :page="page"
    :permission="permissionList"
    :before-open="beforeOpen"
    v-model="form"
    @row-update="rowUpdate"
    @row-save="rowSave"
    @row-del="rowDel"
    @search-change="searchChange"
    @search-reset="searchReset"
    @selection-change="selectionChange"
    @current-change="currentChange"
    @size-change="sizeChange"
    @on-load="onLoad"
    >
    <template slot="menuLeft">
    <el-button
    type="danger"
    size="small"
    icon="el-icon-delete"
    plain
    v-if="permission.supplier_delete"
    @click="handleDelete"
    >删 除</el-button>
    </template>
    <template slot-scope="{row}" slot="status">
    <el-tag>{{row.statusName}}</el-tag>
    </template>
    </avue-crud>
    </span>
    <span v-else-if="type.prop==='detail'">选项卡内容2</span>


    还需要

    created() {
    this.type = this.tabOption.column[0];
    },


    翻了 element UI 和 avue 的 tab 文档(非 from 的 tab 文档)才找到;

    0 讨论(0)
  • 2022-05-18 11:02

    结帖回复,可选中此回复结帖。
    问题贴主已自行解决

    0 讨论(0)
提交回复