如何在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問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注創新互聯行業資訊頻道了解更多相關知識。

網頁題目：如何在Vue中動態獲取width
網址分享：http://vcdvsql.cn/article16/pdspdg.html

成都網站建設公司_創新互聯，為您提供微信小程序、網站導航、品牌網站建設、網站策劃、動態網站、服務器托管

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯