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但是根元素不允许有两个，所以这种方法各位会怎么写？