如何在Vue中动态获取width

如何在Vue中动态获取width？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

10年积累的成都做网站、成都网站设计、成都外贸网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有淮南免费网站建设让你可以放心的选择与我们合作。

vue里想用Bootstrap的进度条，

<div class="progress">
 <div class="progress-bar progress-bar-warning" role="progressbar"
  aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
  >
 <span class="sr-only">20%</span>
 </div>
</div>

主要是把变成动态获取的。

:

这样写就好了。

也可是这样：

用vue 获取动态元素的宽度。首页，要放在this.$nextTick里面，其实要使用$el挂载此元素，下面贴代码吧：

<el-input auto-complete="off" v-model="company.companyName" ref="companyStyle"></el-input>

先定义一个ref=companyStyle，我们来获取此元素的宽度，

newAddBtn(){
 let me = this;
 this.$nextTick(function () {
  me.inputStyWidth = me.$refs.companyStyle.$el.clientWidth + 'px';
 
 })

关于如何在Vue中动态获取width问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注创新互联行业资讯频道了解更多相关知识。