bantu4me

> 能否给出复现例子 作者你好，我这边貌似出现了同样的问题，我的环境中，使用dv-border-box-3（其他边框一样问题）组件，会出现边框显示不全的问题。如果改变浏览器大小（最大化等操作），边框会显示出来。查看了代码，发现是组件渲染的时候，svg属性没有获取width和height值。如果改变浏览器大小后（图二），会获取到。目前掌握的前端知识无法自己处理这个问题。。。希望能帮忙看一下。感谢。 https://user-images.githubusercontent.com/11781345/99629159-773c2200-2a72-11eb-9ff2-b727bf6ddeb3.png https://user-images.githubusercontent.com/11781345/99629059-54aa0900-2a72-11eb-8562-f9f8176009ea.png

> > 能否给出复现例子 > > 作者你好，我这边貌似出现了同样的问题，我的环境中，使用dv-border-box-3（其他边框一样问题）组件，会出现边框显示不全的问题。如果改变浏览器大小（最大化等操作），边框会显示出来。查看了代码，发现是组件渲染的时候，svg属性没有获取width和height值。如果改变浏览器大小后（图二），会获取到。目前掌握的前端知识无法自己处理这个问题。。。希望能帮忙看一下。感谢。 > > https://user-images.githubusercontent.com/11781345/99629159-773c2200-2a72-11eb-9ff2-b727bf6ddeb3.png > > https://user-images.githubusercontent.com/11781345/99629059-54aa0900-2a72-11eb-8562-f9f8176009ea.png  在改变浏览器大小后，发现执行了这里的代码，然后出现了完整的边框

目前看，改页面下所有边框节点有类似的问题。我已经按照文档建议 “边框内的节点封装成组件，以组件的形式置入边框”

你好，我也有类似的问题，请问下你那边有解决这个问题吗？

> > 你好，我也有类似的问题，请问下你那边有解决这个问题吗？ > > 出现这个问题的原因可能是，svg的宽高使用的是clinetWidth与clinetHeight这两个只读属性， 这两个属性需要的是DOM渲染到浏览器上，真实的宽高。 我的解决办法是，使用一个中间DIV ，先给这个中间DIV赋予宽高并且执行到vue的mouted生命周期后，再渲染datav中的边框组件，此时的svg就可以获取到宽高了 请问下，你这里用原生js吗？有没有示例参考下?

> > 能否给出复现例子 > > 业务代码比较多，尝试简单demo是可以正常使用的。 > > 出现问题的业务：在高德地图的信息弹框infoWindow时，弹出一个信息组件alarm，该组件被 ` `包裹，继承信息组件alarm后拿到alarm.$el 的HTML模板字符串，最后再塞到高德API infoWindow中进行渲染。 > > 主要原因是svg使用了clinetWidth与clintHeight作为宽高属性，DOM并没有被挂载，所以svg的宽高就为0 我这边代码逻辑比你的简单，没有组件的继承，就是在我的自定义组件内引用dataV边框，我尝试外面套一个div的形式也没有解决。 最外层div是后面加的，发现还是有一样的问题。 

> > 能否给出复现例子 > > 业务代码比较多，尝试简单demo是可以正常使用的。 > > 出现问题的业务：在高德地图的信息弹框infoWindow时，弹出一个信息组件alarm，该组件被 ` `包裹，继承信息组件alarm后拿到alarm.$el 的HTML模板字符串，最后再塞到高德API infoWindow中进行渲染。 > > 主要原因是svg使用了clinetWidth与clintHeight作为宽高属性，DOM并没有被挂载，所以svg的宽高就为0 我的问题解决了。但是原理是什么我还是不清楚。之前我出问题的组件是直接渲染的，然后我尝试加个if标签试试看，没想到问题就好了。。。