<el-dropdown>
<el-button type="primary">
批量操作<i class="el-icon-arrow-down el-icon--right"></i>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>
<el-dropdown trigger="click" placement="left-start" :show-timeout="0" ref="subDropdown">
<span @mouseenter="() => { $refs.subDropdown.show() }">处置状态</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item v-for="item in dropdownList" :key="item.id"
@click.native="handleStatusAll(item.id)">{{ item.status }} </el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-dropdown-item>
<el-dropdown-item @mouseleave.native="() => { $refs.subDropdown.hide() }"
@click.native="exportList()">导出列表</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
dropdownList: [
{
id: 0,
status: "状态1"
},
{
id: 1,
status: "状态2"
},
{
id: 2,
status: "状态3"
},
{
id: 3,
status: "状态4"
},
{
id: 4,
status: "状态5"
},
{
id: 5,
status: "状态6"
},
],
贴效果图: