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>

解决前:

解决后:

持续整理中。。。

相关推荐
前端那点事18 小时前
Vue路由跳转全场景实战(Vue2+Vue3适配)| 新手必看
vue.js
凰轮18 小时前
TypeScript 知识点总结
前端·javascript·typescript
Hello--_--World18 小时前
JS:闭包、函数柯里化、工厂函数、偏函数、立即执行函数 相关知识点与面试题
开发语言·javascript·ecmascript
|晴 天|18 小时前
Element Plus 组件库实战技巧与踩坑记录
前端·javascript·vue.js·typescript
im_AMBER18 小时前
从面试题看JS变量提升
开发语言·前端·javascript·前端框架
llf_cloud18 小时前
Vue2 项目中的全局自动弹窗队列设计
前端·javascript·vue.js
百锦再18 小时前
使用JavaScript获取和解析页面内容的完整指南
开发语言·前端·javascript·python·flask·fastapi
一条小鲨鱼19 小时前
所遇到的响应式问题
前端·vue.js
Ruihong19 小时前
你的 Vue v-for,VuReact 会编译成什么样的 React 代码?
vue.js·react.js·面试
M ? A19 小时前
你的 Vue 路由,VuReact 会编译成什么样的 React 路由?
前端·javascript·vue.js·经验分享·react.js·面试·vureact