html 部分:
<div v-for="item in resume.skill" class="right-content col-md-12 pull-right"> <div class="skill-top-box"> <div class="skill-name pull-left"><strong>{{item.name}}</strong></div> <div class="skill-evaluate pull-right">{{item.name}}</div> </div> <div class="clearfix"></div> <div class="progress" style="height:10px;margin-top:15px;"> <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" :style="{width:item.schedule}"> </div> </div> </div>
js部分:
请求数据成功后添加:
this.$nextTick(() => { for(var i=0;i<$('.vertical-line').length;i++) { var rightContentHeight = $('.right-content-box').eq(i).height(); $('.vertical-line').eq(i).height(rightContentHeight - 50); } })