码迷,mamicode.com
首页 > 其他好文 > 详细

table标签 在谷歌和ie浏览器下不同的表现效果

时间:2018-03-05 15:31:31      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:fine   style   for循环   item   table   not   post   标签   不同   

在项目中有了一个这样的需求:

  我需要利用vue的模板语法v-for循环生成tr,这个tr是需要双重循环来确定其个数的,

我的实现:

  技术分享图片

  我在tr外面包了一个template标签,

效果:

  谷歌浏览器下实现了这个效果,但是在ie(11)下,却报错了 " item_i " is not defined

原因:

  table的嵌套规则是:table下仅仅能包括thead,tbody,tfoot。tbody,thead里包括tr。tr里包换td,th

ie浏览器在解析这段代码时,会把template这个标签当做table的平级标签去解析。如下图

技术分享图片

这个错真是一顿好找!~~~~~~~~~~~~~~~~~~~~~~~

table标签 在谷歌和ie浏览器下不同的表现效果

标签:fine   style   for循环   item   table   not   post   标签   不同   

原文地址:https://www.cnblogs.com/theone67/p/8508899.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!