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

2024-08-12 118 views
5

http://jsfiddle.net/nghz4pgn/

你好 ,在tabs中el-tab-pane包含v-if指令的时候,tab的位置不会按照原先的顺序排列

回答

5

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

3

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

9

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

9

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

3

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

1

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

6

什么样的问题?

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里

2

@liril-net

2

Fixed in #6066

6

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

1

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

6

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

7

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

5

请问

请问这个怎么解决的?

1

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