元宇宙探索之路
阿新 • • 發佈:2022-03-31
一、效果
點選更多按鈕,展開如下:
二、程式碼
<el-table-column label="操作" align="center" width="240" class-name="small-padding fixed-width"> <template slot-scope="scope"> <el-button type="primary" size="mini" @click="handleUpdate(scope.row)">編輯</el-button> <el-button type="danger" size="mini" @click="remove(scope.row.baseId)">刪除</el-button> <el-dropdown style="margin-left: 10px" trigger="click"> <el-button type="primary" size="mini"> 更多<i class="el-icon-arrow-down el-icon--right"></i> </el-button> <el-dropdown-menu slot="dropdown" > <el-dropdown-item> <el-link @click="openAreaInfoIndex(scope.row)" :underline="false">地塊資訊</el-link> </el-dropdown-item> <el-dropdown-item > <el-link @click="handlePrint(scope.row)":underline="false">二維碼</el-link> </el-dropdown-item> <el-dropdown-item > <el-link @click="openPlantContractIndex(scope.row)" :underline="false">合同</el-link> </el-dropdown-item> </el-dropdown-menu> </el-dropdown> </template>