Bug Type: Component
Environment
- Vue Version:
3.3.3
- Element Plus Version:
2.3.12
- Browser / OS:
Microsoft Edge 版本 116.0.1938.69 (正式版本) (64 位)/ Win11
- Build Tool:
Vite
Reproduction
Related Component
el-table-column
Reproduction Link
Steps to reproduce
复现链接仅贴出了单个组件代码.实际复现需要跳转获取数据.因为是新手,一个页面不会写.很抱歉Element Plus Playground 提示我链接太长,我用的CodePen
复现行为:
- 创建2个卡片嵌套表格的组件,都是表格.(组件2是问题表格)
- 组件1正常可用. 无论是否为首次渲染.
- 组件2渲染不正常. 需要先路由跳转到组件1,在跳转到组件2,组件2才可以渲染.这里边有一点就是组件2的数据都一切正常.只是表格的线条没有渲染, 但表格的头部确渲染了. 看上去就跟style不生效一样.
What is Expected?
当进入组件2时,样式应该渲染
What is actually happening?
必须先到有表格的组件中渲染一次,再跳转到组件2时,组件2的样式才会渲染.
Additional comments
只有跳转到渲染正常的表格,在跳转回组件2,组件2才会渲染,否则组件2的style不会渲染.
我对照这组件1的样式,还有表格最下方dom模板的问题(闭合标签)都试过了.问题还是未解决.
2条答案
按热度按时间fxnxkyjh1#
This is the process of reproduction
oprakyz72#
根据gif来看,大概率就是样式覆盖的原因。如果项目没有敏感信息,你可以上传整个项目到git上,能够复现,才好确定具体原因。