

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 でも実現する代替手段はあるでしょうか。


CC BY-SA 4.0
2019-09-03T11:37:04.907
57810
2019-09-06T21:32:24.467
3925
question
javascript vue.js internet-explorer
IE11 で table タグ内で template タグが使えない場合の代替手段


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

[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にした方が良いかと思います。


CC BY-SA 4.0
2019-09-06T21:04:12.400
57911
2019-09-06T21:32:24.467
2019-09-06T21:32:24.467
4388
4388
57810
answer