操作过多,利用下拉进行展示
以下展示的,有不理解的地方可以去官网查看具体用法, 知识点主要就是下拉框放在表格里面。
<el-table
v-loading="equipmentInfoLoading"
:data="equipmentInfoList"
@expand-change="expandChange"
empty-text="暂无数据"
row-key="id"
:expand-row-keys="expands"
>
<el-table-column label="设备编号" align="center" prop="equipmentCode" />
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-dropdown trigger="click">
<span class="el-dropdown-link">
更多<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item
icon="el-icon-plus"
@click.native="equipmentInfoUpdate(scope.row)"
>修改设备情况</el-dropdown-item
>
<el-dropdown-item
icon="el-icon-delete"
@click.native="equipmentInfoDelete(scope.row)"
>删除设备情况</el-dropdown-item
>
<el-dropdown-item
icon="el-icon-plus"
@click.native="equipmentPartsAdd(scope.row)"
>添加设备配件</el-dropdown-item>
</el-dropdown>
</template>
</el-table-column>
</el-table>
以上为主要代码,不懂的欢迎留言。会的就告知。