黎豆子 2020-05-08
<el-table :data="weekList" stripe tooltip-effect="dark" class="table"> <el-table-column v-for="(item, index) in tableOrderItem" :key="index" :width="item.width" :prop="item.prop" :label="item.label" align="center" show-overflow-tooltip > <template slot-scope="scope"> <template v-if="item.prop === ‘commodityDetails‘"> <div v-html="scope.row.commodityDetails"></div> </template> <!-- 图片有多张的情况 先分隔为数组 然后利用v-for 遍历得到 src --> <template v-else-if="item.prop === ‘picture1‘"> <div v-for="(item,index) in scope.row.picture1.split(‘,‘)" :key="index" class="table-flex"> <el-image style="width: 50px; height: 50px; margin-right: 10px;" :src="imgUrl+item" :preview-src-list="[imgUrl+item]"></el-image> </div> </template> <template v-else> {{scope.row[item.prop]}} </template> </template> </el-table-column> </el-table>
表格的现在还是较为常用的一种标签,但不是用来布局,常见处理、显示表格式数据。在HTML网页中,要想创建表格,就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
<button class="layui-btn layui-btn-xs layui-btn-primary spu_detail" artnum="{{d.artnum}}" value="{{d