IE11 で table タグ内で template タグが使えない場合の代替手段


vue.js を使用しているのですが、IE11 では table タグ内では template タグを使用できずに困っています。

[code]

    <tr>
      <td>hoge</td>
      <template v-for="item in items">
        <td>{{ item.fuga }}</td>
        <td>{{ item.piyo }}</td>
      </template>
    </tr>
    
[/code]

このようなことを IE でも実現する代替手段はあるでしょうか。




試していませんがこのような感じでいかがでしょうか。

[code]

    <tr>
      <td>hoge</td>
      <td v-for="v in items.reduce(function(a, c) { return a.concat([c.fuga, c.piyo]) }, [])">
        {{ v }}
      </td>
    </tr>
    
[/code]

理解しにくいのでcomputedにした方が良いかと思います。

