要实现点击表格中的某两行，弹出对应表格

点击的时候

 

点击不同的行，跳出不同的框

解决办法：点击事件绑定v-if；点击某行，gameTyper=组件名

用组件封装每个框，把组件写在template中，然后放在tbody里，放的时候注意，tbody下只能有tr和td

所以写成这个样子

 <tr class="clickBlock">
                <td colspan="12">
                  <!-- 采用组件的方式 -->
                  <template v-if="gameTyper==item.type" type="expand" >
                   <zujian v-bind="item.data" v-if="gameTyper=='组件名'"></zujian>
                  </template>
                </td>
              </tr>

td占满一行，所以加了colspan=12

如果不写colspan=12，就会出现

没占满全屏，并且把第一列撑开了

原因就在：如果table中tr不写td，会把tr中间的内容默认为第一列的内容

代码写的菜，欢迎指点