淄博网络公司做网站的电话,蚌埠做企业网站,logo设计公司报价,一个软件的开发流程图背景
在使用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;}
