使用多个el-popver组件，显示的内容都是最后一个的内容

来源：9-13 本章小节

亚里士多强

2022-06-27

图片描述
代码如上，希望是点击"展示111"按钮时，显示的弹窗内容文案是 11111111 ，现在却显示为 222222 了

图片描述
element-plus 版本为：1.2.0-beta.6

写回答

1回答

Harry_wang

2022-06-27

已采纳

SSR下确实存在这种问题，这是element-plus已知bug，暂时还未修复，这个问题的element-plus官方issues地址： https://github.com/element-plus/element-plus/issues/7366。暂时的解决方案，可以通过import.meta.env.SSR来定义一个变量，使用这个变量仅在客户端显示el-popover组件，具体代码片段参考：

Vue3+TS打造SSR网站应用，0到1实现服务端渲染

教你一套前端技术组合拳，Get全套网站优化解决方案

373 学习 · 192 问题

查看课程

相似问题

app.use('*')导致请求了不存在的js，返回了首屏内容

回答 1

那详情页做ssr了，为什么首次进入doc没有内容，重刷后doc才有内容

回答 1

控制台报Hydration completed but contains mismatches.

回答 1

老师，这里的为什么没有渲染出我请求的内容

回答 1

renderToString 方法加await后页面不渲染了

回答 1

打开慕课网App查看更多内容