vue table tr循环 一次两行

Question

      <table>
        <template slot-scope="scope" v-for='qxmx in hasQxsData'>
            <tr class="el-table__row">
                <td><i v-if="qxmx.submenu" class="fa fa-chevron-right"></i></td>
                <td><el-checkbox></el-checkbox></td>
                <td>{{qxmx.mname}}</td>
                <td></td>
            </tr>
            <tr>
                <td>11</td>
            </tr>
        </template>
    </table>

想要和Element的expand效果类似，但是 v-for写在tr上一条数据只有一行，怎么让一条数据显示两行
就是hasQxsData是[{id:1,...},{id:2,...}],有4行，而且id为1的是第1,2个tr，id为2的是第3,4个tr

Answer 1

你想要俩行  那你把V-for  写在"tr"上面 

Answer 2

使用tbody标签

修改代码如下

    <table>
        <tbody  v-for='qxmx in hasQxsData'>
            <tr class="el-table__row">
                <td><i v-if="qxmx.submenu" class="fa fa-chevron-right"></i></td>
                <td><el-checkbox></el-checkbox></td>
                <td>{{qxmx.mname}}</td>
                <td></td>
            </tr>
            <tr>
                <td>11</td>
            </tr>
        </tbody>
    </table>