element-plus bug整理

1.el-table嵌入el-image标签预览时,显示错乱

解决:添加preview-teleported属性

html 复制代码
<el-table-column label="等级图标" align="center" prop="icon" min-width="80">
    <template #default="scope">
     <el-image
        :src="scope.row.icon"
        class="h-30px w-30px"
        :preview-teleported="true"
        :preview-src-list="[scope.row.icon]"
     />
    </template>
</el-table-column>

解决前:

解决后:

持续整理中。。。

相关推荐
江拥羡橙5 小时前
Vue和React怎么选?全面比对
前端·vue.js·react.js
千码君20165 小时前
React Native:快速熟悉react 语法和企业级开发
javascript·react native·react.js·vite·hook
暮之沧蓝7 小时前
Vue总结
前端·javascript·vue.js
木易 士心8 小时前
Promise深度解析:前端异步编程的核心
前端·javascript
excel8 小时前
深入解析 Vue 3 源码:computed 的底层实现原理
前端·javascript·vue.js
zero13_小葵司8 小时前
在Vue项目中构建后端配置的动态路由及权限控制体系
前端·javascript·vue.js
GISer_Jing8 小时前
前端框架篇——Vue&React篇
前端·javascript
子兮曰8 小时前
WebSocket 连接:实现实时双向通信的前端技术
前端·javascript·websocket
羊羊小栈11 小时前
基于「YOLO目标检测 + 多模态AI分析」的光伏板缺陷检测分析系统(vue+flask+模型训练+AI算法)
vue.js·人工智能·yolo·目标检测·flask·毕业设计·大作业