技術標籤：elementUI

 <template>
  <!-- 使用者列表區域 -->
      <el-table :data="userlist" border stripe>
        <el-table-column type="index"></el-table-column>
        <el-table-column label="姓名" prop="username"></el-table-column
 
>
        <el-table-column label="郵箱" prop="email"></el-table-column>
        <el-table-column label="操作" width="180px">
          <template slot-scope="scope">
            <!-- 刪除按鈕 -->
            <el-button type="
 
danger" icon="el-icon-delete" size="mini" @click="removeUserById(scope.row.id)"></el-button>
          </template>
       </el-table-column>
       <!-- 展開行 -->
       <el-table-column type="expand">
      	<template slot-scope
 
="scope"> 
           <span>{{ scope.row.name }}</span>
           <span>{{ scope.row.desc }}</span>
      </template>
     </el-table-column>
   </el-table>
 </template>