[ElemeFE/element]tabs中el-tab-pane包含v-if指令会导致位置错乱

5

我用最新的dev分支，试了一下，没有这个bug。可能是unpkg上面的库版本有点问题

thomasyonug

9

公司目前用的就是unpkg上面的库，还请能修复这个问题！

sx1989827

0

我不是管理者。已经加bug标签了，估计马上就解决了

thomasyonug

2

@liril-net 你好 问一下 这个问题什么时候可以修复~

sx1989827

5

用 v-show，因为 v-if 渲染顺序的问题

liril-net

4

请问这个问题怎么解决的，用v-show代替v-if 会导致其它的bug

tanhuiya

7

什么样的问题？

liril-net

0

<el-tab-pane label="个人信息" name="first">
       <AAA></AAA>
 </el-tab-pane>
 <el-tab-pane v-show="showCourse" label="课程详情" name="second">
       <BBB></BBB>
</el-tab-pane>

使用v-show 的话，BBB组件会被渲染到AAA组件下面，也就是第一个tab里

tanhuiya

7

@liril-net

tanhuiya

7

Fixed in #6066

Leopoldthecoder

1

可以在el-tab-pane的外层包裹一个div标签，将v-if放到div上即可解决位置错乱的问题

bravepg

6

试了外层包裹一个DIV标签也是不行，请问现在这个问题解决了吗？

xiaoqi167

4

我也遇到了相同问题.用v-if 显示会位置会错乱,用v-show没有办法控制达到隐藏tab分页的目的.

ser163

1

可怕的“已解决”。是否能分享一下解决方法呢？

hillwah

7

请问

请问这个怎么解决的？

Liberty666

7

跟v-show, v-if 无关，在v-for 中 :key 使用索引而不要使用元素属性就好了。

reavenlin