苏州网站建设公司哪家好,北京公司摇号,国外服务器多少钱一个月,做微课的网站有哪些背景
在使用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;}
