本文介绍了Vue3与Element-Plus的基本用法,包括生命周期钩子onMounted、属性定义defineProps、数据监视watch、组件间通信defineExpose和defineEmits,以及使用ElMessageBox进行确认删除操作。此外,还展示了el-table的使用、分页功能和el-dialog的基本实现。
在精弘的图床开发中,el-image与el-table冲突,导致图片预览层被表格内容覆盖。问题源于z-index和层叠上下文,el-table单元格的position: relative生成多个低优先级上下文。解决方案是将单元格的position改为static,或使用el-image的preview-teleported属性,将遮罩层插入body以提高优先级。
完成下面两步后,将自动完成登录并继续当前操作。