如何在Vue中动态获取width

如何在Vue中动态获取width?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

10年积累的成都做网站、成都网站设计、成都外贸网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有淮南免费网站建设让你可以放心的选择与我们合作。

vue里想用Bootstrap的进度条,


 
 20%
 

主要是把变成动态获取的。

:

这样写就好了。

也可是这样:

用vue 获取动态元素的宽度。首页,要放在this.$nextTick里面,其实要使用$el挂载此元素,下面贴代码吧:

先定义一个ref=companyStyle,我们来获取此元素的宽度,

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

关于如何在Vue中动态获取width问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


文章名称:如何在Vue中动态获取width
网页URL:http://www.hxwzsj.com/article/pdspdg.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 成都网站建设公司 成都企业网站制作 手机网站制作 网站设计公司 成都网站设计 重庆网站建设 重庆外贸网站建设 成都定制网站建设 成都网站设计 成都网站制作公司 网站制作公司 手机网站建设 网站建设推广 成都网站设计 成都网站制作 古蔺网站建设 成都网站建设 网站设计制作 移动网站建设 成都网站建设 梓潼网站设计 网站制作