vue里想用Bootstrap的進度條，
<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%;"變成動態(tài)獲取的。
:style="'width:' + percent + '%'"
這樣寫就好了。
也可是這樣：
用vue 獲取動態(tài)元素的寬度。首頁，要放在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動態(tài)獲取width的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答
