VUE2.0 使用两个template v-for 进行循环的时候在IE浏览器下提示无key
发布于 10天前 作者 ILOVEGETHUB 185 次浏览 来自 问答

VUE版本:2.5.1 IE版本:11 错误如下图: 捕获2.PNG 代码如下图: 捕获0.PNG 捕获1.PNG 请问是什么原因,有解决方案吗? 在EDGE和火狐下正常访问

3 回复

应该是{{value.ident}}才对吧

@carlxu94 不对,传不进任何参数

已经解决,楼主发现是因为在IE浏览器下table表格中的tr有限制,不可以接受模板语法,所以要改用组件的形式

HTML文件中的双循环要以这种形式 捕获.PNG JS中的组件:

Vue.component("comp-tr", { template: '' + '{{value.ident}}' + '{{value.date_time}}' + '{{value.origin_point}}' + '', methods:{ clickedTr:function(value){ window.parent.IndexPage.flight_value = this.value; }, }, props: [“value”], })

其中,被重新定义成了一个叫comp-tr的组件,并传入value值。

回到顶部