直播系統app原始碼，根據前臺資料監控反饋到後臺的表格裡

直播系統app原始碼，根據前臺資料監控反饋到後臺的表格裡

<!-- 
:data="projectInfoList" 繫結表格資料
@selection-change="handleSelectionChange" 當我勾選了以後觸發handleSelectionChange事件
-->
<el-table ref="DataTable" v-loading="loading" :data="projectInfoList" @selection-change="handleSelectionChange" stripe>
<el-table-column type="selection" width="50" align="center" />   
<el-table-column label="是否已完成" align="center" width="70" prop="finished">
<template slot="header">
是否<br />已完成
</template>
<template slot-scope="scope">
<el-tag :type="scope.row.finished == 1 ? 'success' : 'info'">{{ scope.row.finished == 1 ? '是' : '否' }}</el-tag>
</template>
</el-table-column>
</el-table>

根據後臺返回的資料進行顯示不同的內容（是否）及效果（type）

<template slot-scope="scope">
<el-tag :type="scope.row.finished == 1 ? 'success' : 'info'">
{{ scope.row.finished == 1 ? '是' : '否' }}
</el-tag>
</template>

以上就是直播系統app原始碼，根據前臺資料監控反饋到後臺的表格裡， 更多內容歡迎關注之後的文章