太原提高网站排名,网站如何在工信部备案信息,重庆互联网网站建设,成都设计公司网站背景
在使用ElementUI的Tabs 控件时#xff0c;发现第二个tabs 内容的Div宽度用的百分比#xff0c;然后就会缩小#xff0c;导致内容变形#xff0c;这边的处理方法就是拿到一个tabs 内容的div的offsetWidth#xff0c;然后将这个width赋值给第二个Div的width即可。
代…背景
在使用ElementUI的Tabs 控件时发现第二个tabs 内容的Div宽度用的百分比然后就会缩小导致内容变形这边的处理方法就是拿到一个tabs 内容的div的offsetWidth然后将这个width赋值给第二个Div的width即可。
代码
el-tabs v-modelleftActiveName typecardel-tab-pane label红榜-菜单 namefirst stylewidth: 100%div iddivPageTopAsc stylewidth: 100%; height: 40vh/div/el-tab-paneel-tab-pane label黑榜-菜单 namesecond stylewidth: 100%div iddivPageTopDesc stylewidth: 100%; height: 40vh/div/el-tab-pane/el-tabs // 组件加载完async mounted() {// 设置tab 两个div的宽度var widthValue document.getElementById(chartlRight).offsetWidth;document.getElementById(divUserTopDesc).style.width widthValue px;document.getElementById(divPageTopDesc).style.width widthValue px;}
