发现IE10以上用VUE 1.0生成的表格无法显示,而IE9和Chrome都是好的,经过查询发现是table下面如果使用了
<template v-for=''> 进行循环然后生成tr 会因为无法识别有效元素而过滤掉了
但是我现在就需要通过对对象进行1-2次的遍历 然后才生成tr 其中td里面还要根据判断生成合并单元格
<template v-for="weekmodel in firstscoremodel.weekscoremodellist"> <template v-for="thirditem in weekmodel.thirdscoremodellist"> <tr> <td style="text-align:center;" v-if="$index == 0" rowspan="{{ weekmodel.thirdscoremodellist.length * 2 }}">{{ weekmodel.itemname }}</td> <td style="text-align:center;" v-if="$index == 0" rowspan="{{ weekmodel.thirdscoremodellist.length * 2 }}">{{ weekmodel.weightfmt }}</td> <td>{{ thirditem.itemname }}</td> <td>{{ thirditem.applytype }}</td> <td>{{ thirditem.cultype }}</td> <td>{{ thirditem.cycletypename }}</td> <td>{{ thirditem.managetypename }}</td> <td>{{ thirditem.scorestandard }}</td> <td>{{ thirditem.weightfmt }}</td> </tr> </template> </template>
上面就是利用template进行多次循环来输出,可是在IE10以上就没效果,换成component的方式写其实是一回事 同样不行 那不是说VUE下面无法解决嵌套循环生成tr的问题了?请大神指教,谢谢~