element
element copied to clipboard
ElemeFE
[Bug Report] change label el-tabs__ active-bar width calculation is incorrect
Element UI version
2.13.1
OS/Browsers version
Chrome 83.0.4103.61(正式版本)
Vue version
2.6.10
Reproduction Link
https://codepen.io/sundongzi/pen/QWyjjQe
Steps to reproduce
When el-tab-pane is no content in it, dynamically change the length of the label content
What is Expected?
When the length of label content changes, el-tabs__active-bar width not change
What is actually happening?
When the length of label content changes, el-tabs__active-bar width should also change
Translation of this issue:
Element UI version
2.13.0
OS/Browsers version
Chrome 83.0.4103.61 (official)
Vue version
2.6.10
Reproduction Link
https://codepen.io/sundongzi/pen/QWyjjQe
Steps to reproduce
When el-tab-pane is no content in it, dynamically change the length of the label content
What is Expected?
When the length of label content changes, el-tabs__ active-bar width not change
What is actually happening?
When the length of label content changes, el-tabs__ active-bar width should also change
@Littledevil7 Thank you for your advice，I just don't understand why components don't update，my current solution is as follows
This could be a style problem, which would not happen if type="card" or type="border-card" was used
I also have this problem, solved according to the opinion of the building Lord, want to know is what reason cause, please give instruction!
I also have this problem, solved according to the opinion of the building Lord, want to know is what reason cause, please give instruction!
use the method calcPaneInstances => https://github.com/ElemeFE/element/issues/19357#issuecomment-626042141
example => https://codepen.io/fuzi1996/pen/PoKjjKY
