账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    VUE如何解决table里面嵌套循环生成表格行的问题?
    45
    0

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

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部