IE edge 下 clientWidth 为 0 的坑，Chrome 正常

Posted 2021-02-03 givingwu

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了IE edge 下 clientWidth 为 0 的坑，Chrome 正常相关的知识，希望对你有一定的参考价值。

在IE下，渲染的 dom 元素初始 clientWidth 为 0，而 scrollWidth 有效。
而 chrome 表现则为一致。

Code

const tableWrapper = this.$refs.tableWrapper
const { scrollWidth, clientWidth } = tableWrapper
console.log(scrollWidth, clientWidth)

技术分享图片

技术分享图片

以上是关于IE edge 下 clientWidth 为 0 的坑，Chrome 正常的主要内容，如果未能解决你的问题，请参考以下文章