element-plus [Component] [table-column] el-table-column首次渲染只显示数据,而不显示样式.

jmp7cifd  于 6个月前  发布在  其他
关注(0)|答案(2)|浏览(63)

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

  • el-table-column

CodePen

Steps to reproduce

复现链接仅贴出了单个组件代码.实际复现需要跳转获取数据.因为是新手,一个页面不会写.很抱歉Element Plus Playground 提示我链接太长,我用的CodePen
复现行为:

  1. 创建2个卡片嵌套表格的组件,都是表格.(组件2是问题表格)
  2. 组件1正常可用. 无论是否为首次渲染.
  3. 组件2渲染不正常. 需要先路由跳转到组件1,在跳转到组件2,组件2才可以渲染.这里边有一点就是组件2的数据都一切正常.只是表格的线条没有渲染, 但表格的头部确渲染了. 看上去就跟style不生效一样.

What is Expected?

当进入组件2时,样式应该渲染

What is actually happening?

必须先到有表格的组件中渲染一次,再跳转到组件2时,组件2的样式才会渲染.

Additional comments

只有跳转到渲染正常的表格,在跳转回组件2,组件2才会渲染,否则组件2的style不会渲染.
我对照这组件1的样式,还有表格最下方dom模板的问题(闭合标签)都试过了.问题还是未解决.

fxnxkyjh

fxnxkyjh1#

This is the process of reproduction

oprakyz7

oprakyz72#

根据gif来看,大概率就是样式覆盖的原因。如果项目没有敏感信息,你可以上传整个项目到git上,能够复现,才好确定具体原因。

相关问题