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

1

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

thomasyonug

8

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

sx1989827

3

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

thomasyonug

4

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

sx1989827

5

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

liril-net

9

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

tanhuiya

9

什么样的问题？

liril-net

3

<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

3

@liril-net

tanhuiya

1

Fixed in #6066

Leopoldthecoder

2

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

bravepg

4

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

xiaoqi167

8

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

ser163

4

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

hillwah

2

请问

请问这个怎么解决的？

Liberty666

5

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

reavenlin