vue里想用Bootstrap的進(jìn)度條，

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

主要是把style="width: 20%;"變成動(dòng)態(tài)獲取的。

:style="'width:' + percent + '%'"

這樣寫就好了。

也可是這樣：

用vue 獲取動(dòng)態(tài)元素的寬度。首頁(yè)，要放在this.$nextTick里面，其實(shí)要使用$el掛載此元素，下面貼代碼吧：

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

先定義一個(gè)ref=companyStyle，我們來獲取此元素的寬度，

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

這樣我們就獲取到了這個(gè)元素的寬度了。

以上這篇Vue動(dòng)態(tài)獲取width的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持錯(cuò)新站長(zhǎng)站。