邢台建设局网站上中标公示查询,公众号运营的推广方法,微信怎么创建自己的小程序,网站建设佰金手指科杰十七背景
在使用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;}
