Vue Vue 2.0 后的组件跟元素只能一个,是否存在不影响 table 的根元素?

QueXuQ · 2017年04月27日 · 最后由 yakjuly 回复于 2017年04月27日 · 7909 次阅读
Vue.component('type-tr', {
  template: '\
    <tr>\
      <slot name="info"></slot>\
      <td><button @click="checkNodes">按钮</button></td>\
    </tr>\
    <tr v-if="isNodes">Yes</tr>\
  ',

  data: function () {
    return {
      isNodes: false
    }
  },

  methods: {
    checkNodes: function() {
      this.isNodes = true;
    }
  }
})

我想写个类似上面的代码,就是当低级按钮时,改变 isNodes 的属性,然后显示下面的tr但是根元素不允许有两个,所以这种方法各位会怎么写?

<tbody>在外面包一层

需要 登录 后方可回复, 如果你还没有账号请 注册新账号