vue中的table合并单元格用法

colspan用来指定单元格横向跨越的列数：colspan就是合并列的，colspan=2的话就是合并两列rowspan用来指定单元格纵向跨越的行数:rowspan就是用来合并行的，比如rowspan=2就是合并两行，vue中的table合并单元格</td><td width="130px" :rowspan="infoa.infoList.length" v-if="i...

H大艺术家

5838人浏览 · 2019-11-05 11:05:10

H大艺术家 · 2019-11-05 11:05:10 发布

colspan用来指定单元格横向跨越的列数：colspan就是合并列的，colspan=2的话就是合并两列
rowspan用来指定单元格纵向跨越的行数:rowspan就是用来合并行的，比如rowspan=2就是合并两行，

vue中的table合并单元格

</td>
<td width="130px" :rowspan="infoa.infoList.length" v-if="index==0">
<span>去程：{{infoa.startTrafficInfo}}
</span><br />
<span>返程：{{infoa.backTrafficInfo}}
</span><br />
</td>

主要是运用 v-if=“index==0” 这个判断你们自己领悟一下时间隔太久了今天才整理出来我也忘记了哈哈哈哈哈哈哈哈哈哈哈哈哈隔

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^