element-ui在el-dialog嵌套el-tabs，el-tabs再嵌套el-table时导致页面一直渲染

Question

环境element-ui 2.0.3 + vue2
在el-dialog嵌套el-tabs，el-tabs再嵌套el-table,并在列中使用模版，在chrome控制台可以看到页面一直在渲染，嵌套层次如下：

<el-dialog>
  <el-tabs>
    <el-tab-pane label="详情">
      <el-table :data="orderDetail">
        <el-table-column prop="product.price" label="价格" :formatter="feeFormatter">
          {{print('oooo')}}
        </el-table-column>
        <el-table-column prop="quantity" label="数量" align="center">
          <template slot-scope="scope">
            {{print('xxxx')}}
          </template>
        </el-table-column>
      </el-table>
    </el-tab-pane>
  </el-tabs>
</el-dialog>

在浏览器控制台可以看到一直打印xxxx,而oooo打印正常，原因是在列中使用了模版 <template slot-scope="scope">
</template>

不知道是bug，还是我用的不对？求高手指点

Answer 1

我也遇到了el-dialog直接嵌套el-tabs会导致页面卡死，可以在el-tabs上再嵌套一层div或el-col解决