标签：vue title 实现 课程表 scope sat row
<template>
<div>
<div class="panel">
<el-table :data="timetable" :span-method="objectSpanMethod" border
:header-cell-style="{background:'#d9e5fd', color:'black', fontWeight: 1000}"
:cell-style="tableCellStyle"
>
<el-table-column prop="sjd" label="时间段" width="80" align="center">
</el-table-column>
<el-table-column prop="jc" label="节次" width="80" align="center">
</el-table-column>
<el-table-column prop="mon" label="星期一" align="center">
<template slot-scope="scope">
<h4>{{ scope.row.mon.title }}</h4>
<div v-html="scope.row.mon.content"></div>
</template>
</el-table-column>
<el-table-column prop="tue" label="星期二" align="center">
<template slot-scope="scope">
<h4>{{ scope.row.tue.title }}</h4>
<div v-html="scope.row.tue.content"></div>
</template>
</el-table-column>
<el-table-column prop="wed" label="星期三" align="center">
<template slot-scope="scope">
<h4>{{ scope.row.wed.title }}</h4>
<div v-html="scope.row.wed.content"></div>
</template>
</el-table-column>
<el-table-column prop="thu" label="星期四" align="center">
<template slot-scope="scope">
<h4>{{ scope.row.thu.title }}</h4>
<div v-html="scope.row.thu.content"></div>
</template>
</el-table-column>
<el-table-column prop="fri" label="星期五" align="center">
<template slot-scope="scope">
<h4>{{ scope.row.fri.title }}</h4>
<div v-html="scope.row.fri.content"></div>
</template>
</el-table-column>
<el-table-column prop="sat" label="星期六" align="center">
<template slot-scope="scope">
<h4>{{ scope.row.sat.title }}</h4>
<div v-html="scope.row.sat.content"></div>
</template>
</el-table-column>
<el-table-column prop="sun" label="星期日" align="center">
<template slot-scope="scope">
<h4>{{ scope.row.sun.title }}</h4>
<div v-html="scope.row.sun.content"></div>
</template>
</el-table-column>
</el-table>
</div>
</div>
</template>
标签：vue,
title,
实现,
课程表,
scope,
sat,
row
From： https://blog.51cto.com/u_16150727/7122278