今天小编就为大家分享一篇Vue动态获取width的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue里想用Bootstrap的进度条，
<div class="progress"> <div class="progress-bar progress-bar-warning" role="progressbar" style="width: 20%"> <span class="sr-only">20%</span></div></div>
主要是把style=”width: 20%;”变成动态获取的。
:style="'width:' + percent + '%'"
这样写就好了。
也可是本文来源gao.dai.ma.com搞@代*码(网$这样：
用vue 获取动态元素的宽度。首页，要放在this.$nextTick里面，其实要使用$el挂载此元素，下面贴代码吧：
先定义一个ref=companyStyle，我们来获取此元素的宽度，
newAddBtn(){ let me = this; this.$nextTick(function () { me.inputStyWidth = me.$refs.companyStyle.$el.clientWidth + 'px'; })
这样我们就获取到了这个元素的宽度了。
以上这篇Vue动态获取width的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持gaodaima搞代码网。
以上就是Vue动态获取width的方法的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：Vue动态获取width的方法
转载请注明原文链接：Vue动态获取width的方法
