<tr>中的Vue.js <template> </tr>使用IE 11

时间:2016-04-23 00:52:07

标签: javascript internet-explorer-11 vue.js

我有一个模板,在每个tr内,我需要显示两个td。这是通过以下层次结构实现的:

tbody
  tr v-for
    template v-for
      td
      td

是的,循环中有一个循环。 Chrome没有问题,但IE拒绝显示它。我有什么选择吗?

1 个答案:

答案 0 :(得分:0)

杰克已经在评论中解释了这个问题(IE浏览器缺乏对<template>的支持)。

处理这种情况的一种hacky方法是使用组件和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.

}