VUE动态渲染导致overflow失效

Posted Maplerain

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了VUE动态渲染导致overflow失效相关的知识，希望对你有一定的参考价值。

在vue如果使用v-for动态渲染vue，而没有提前设置好子项的宽高就会导致父盒子无论有没有设置宽高和overflow，只要内容总高度大于父盒子那么内容就会把父盒子撑大。 引发这个问题的原因据我推测是v-for渲染的子项时，如果没有设置子项宽高，那么就会去计算子项宽高，overflow属性要根据内容

以上是关于VUE动态渲染导致overflow失效的主要内容，如果未能解决你的问题，请参考以下文章

vue-admin-template动态添加路由,刷新页面路由失效问题

vue 的dialog中使用vxe-table 超出文本hover 使用 show-header-overflow 失效问题

overflow：hidden 失效

vue el-select 动态渲染卡顿优化

vue 路由缓存

overflow hidden 遇上absolute失效