<el-table :data="tableData" style="width: 100%" border> <!-- <el-table-column label="id" prop="1" align="center"></el-table-column>--><!--渲染賬號名稱--><el-table-column label="賬號名稱" prop="name" align="center"></el-table-column><!--渲染時間--><el-table-column align="center" v-for="item in time" :label="item" :prop="item"><!--渲染表格里面的數據--><template slot-scope="scope"><el-popover trigger="hover" placement="top" v-for="(row,index) in scope.row[item]" :key="index"><p>任務名稱: {{ row.name }}</p><p>發布時間: {{ row.start_time }}</p><p>任務狀態: {{ row.status_name }}</p><div slot="reference" class="name-wrapper" style="margin-top: 10px"><el-tag size="medium">{{ row.name }}</el-tag></div></el-popover></template></el-table-column></el-table>

運行結果

總結

以上是生活随笔為你收集整理的工作182：表格渲染的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。