                        课程
                    
                        /前端开发
                        
                            /Vue.js
                        
                        /快速入门Web阅读器开发

为什么获取不到.line长度？

我想用设置ref然后用mounted(){this.$refs.line[0].style.width}去获取动态的line的长度，结果却是undefined，要用什么方法才能获取dom的样式属性？

慕桂英0402682

2018-09-15

源自：快速入门Web阅读器开发 3-7

关注问题我要回答

1001

操作

收起

1 回答

Sam
2018-09-15

你好，获取宽度需要使用以下方法：

this.$refs.line[0].getBoundingClientRect().width

0 回复有任何疑惑可以回复我~

收起回答

慕桂英0402682 提问者

哇谢谢老师这么快的回复，这个方法之前网上查的时候用过了但是获取的结果是0，就很奇怪我自己再研究下。。

2018-09-15 回复有任何疑惑可以回复我~

Sam 回复慕桂英0402682 提问者

）获取结果为0，有可能是dom还没渲染完毕，你再检查一下

2018-09-15 回复有任何疑惑可以回复我~

慕桂英0402682 提问者

是v-show的问题，line所在的dom display为none，所以获取不到width

2018-09-15 回复有任何疑惑可以回复我~

查看2条回复

0/150

提交

取消

快速入门Web阅读器开发

参与学习 26396 人
解答问题 214 个

带你了解电子书阅读器的工作原理，通过Vue.js快速实现Web阅读器

进入课程

本课相似问答

1 回答获取navigationd是 undefined

1 回答epub电子书在哪获取啊

1 回答为什么我import css 文件就出错，百度各种方法也不行

3 回答获取当前所在目录有问题？

1 回答如何获取Epub文件的总页数

搜索更多本课相关问答

为什么获取不到.line长度？

我要回答关注问题

热搜

最近搜索清空

为什么获取不到.line长度？

1 回答

本课相似问答

为什么获取不到.line长度？