Vue.js <template>里面<tr>与IE 11

Question

我有一个模板，里面每个tr，我需要显示两个td s。这是通过这样的层次结构实现的：

tbody 
    tr v-for 
    template v-for 
     td 
     td 

是的，循环内有一个循环。 Chrome对此没有任何问题，但IE拒绝显示它。我在这里有什么选择吗？

Answer 1

杰夫已经在他的评论中解释了这个问题（IE不支持<template>）。

一个有点哈克的方式来解决这个问题是使用组件和is=""属性：

<tr v-for="thing in things"> 
    <td v-for="subThing in thing" is="hackyComponent" :item="subThing"> 

和hackyComponent：

<td>{{item.a}}</td> 
<td>{{item.b}}</td> 

export default { 
replace: true //replaces the original <td> with the template content 
       // Vue might complain about creating a "Fragment Instance" in development, but that's not a real problem. 

}