elementui+vuejs如何添加表格操作按鈕

<el-table :data="tableData" stripe border style="width:100%" highlight-current-row>
　　<el-table-column type="selection" width="55">
　　</el-table-column>
　　<el-table-column prop="phone" label="手機號" align="center" min-width="120">
　　</el-table-column>
　　<el-table-column prop="nickname" label="昵稱" align="center" min-width="100">
　　</el-table-column>
　　<el-table-column prop="createTime" label="註冊時間" align="center" min-width="120">
　　</el-table-column>
　　<el-table-column prop="enableState" label="用戶狀態" align="center" min-width="100">
　　</el-table-column>
　　<el-table-column prop="tradeState" label="交易狀態" align="center" min-width="100">
　　</el-table-column>
　　<el-table-column label="操作" align="center" min-width="100">
　　　　<template slot-scope="scope">
　　　　　　<el-button type="text" @click="checkDetail(scope.row.phone)">查看詳情</el-button>
　　　　　　<el-button type="info" @click="modifyUser(scope.row.phone)">修改</el-button>
　　　　　　<el-button type="info" @click="deleteUser(scope.row.phone)">刪除</el-button>
　　　　</template>
　　</el-table-column>
</el-table>

//刪除用戶
deleteUser(val){
　　console.log(val)

//這裡寫相應的邏輯，val是指傳進來的參數也就是上面的scope.row.phone；也可以是scope.row.nickname等
},
//修改用戶
modifyUser(val){
　　let self = this;
},
//查看詳情
checkDetail(val){
　　console.log(val)
}