Vue動態(tài)獲取width的方法

來源：懂視網(wǎng) 責編：小采時間：2020-11-27 22:09:27

Vue動態(tài)獲取width的方法

Vue動態(tài)獲取width的方法:vue里想用Bootstrap的進度條， <div class=progress> <div class=progress-bar progress-bar-warning role=progressbar aria-valuenow=60 aria-valuemin=0 aria-valuemax=100

推薦度：

點擊下載本文 文檔為doc格式

導讀Vue動態(tài)獲取width的方法:vue里想用Bootstrap的進度條， <div class=progress> <div class=progress-bar progress-bar-warning role=progressbar aria-valuenow=60 aria-valuemin=0 aria-valuemax=100

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)頁內(nèi)容旨在傳播知識，若有侵權等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

Vue動態(tài)獲取width的方法

推薦度：

點擊下載本文 文檔為doc格式

標簽：獲取 VUE WIDTH

熱門焦點

Vue動態(tài)獲取width的方法

Vue動態(tài)獲取width的方法

Vue動態(tài)獲取width的方法

最新推薦

猜你喜歡

熱門推薦