首页 新闻 会员 周边 捐助

VUE如何解决table下不能嵌套循环生成tr的问题?

0
悬赏园豆:10 [已关闭问题] 关闭于 2018-01-05 09:23

发现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的问题了?请大神指教,谢谢~

vue
犇牛牛的主页 犇牛牛 | 初学一级 | 园豆:31
提问于:2018-01-04 15:04
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册