element ui 做三目和处理点击单条数据方式

97 阅读1分钟
  <el-table :border="true" ref="multipleTable" class="crea_table" :data="tableData" style="width: 100%;"
                                            :height="tableHeightFull" @selection-change="handleSelectionChange">

                                            <el-table-column prop="scope" label="助教分配" width="80">
                                                    <template slot-scope="scope">
                                                            {{Number(scope.row.teachId)==0?'未分配':'已分配'}}
                                                    </template>
                                            </el-table-column>
                                            <el-table-column fixed="right" label="操作">
                                                    <template slot-scope="scope">
                                                            <el-button type="text" size="small"
                                                                    @click.native.prevent="goArchi(tableData[scope.$index])">
                                                                    学员档案
                                                            </el-button>
                                                            <el-button type="text" size="small"
                                                                    @click.native.prevent="noticemsg(tableData[scope.$index].userId)">
                                                                    通知记录
                                                            </el-button>
                                                            <el-button type="text" size="small"
                                                                    @click.native.prevent="stuchatrecord(tableData[scope.$index].userId)">
                                                                    聊天记录
                                                            </el-button>
                                                    </template>
                                            </el-table-column>
                                    </el-table>

image.png