Vue3+Element-plus的图片预览被表格覆盖的问题

<template #default="scope"><el-imagestyle="width: 100px; height: 100px":src="scope.row.cover":preview-src-list="[scope.row.cover]"></el-image></template>出

BANYAN三峡

3219人浏览 · 2022-03-12 15:20:48

BANYAN三峡 · 2022-03-12 15:20:48 发布

<template #default="scope">
          <el-image
              style="width: 100px; height: 100px"
              :src="scope.row.cover"
              :preview-src-list="[scope.row.cover]">
          </el-image>
        </template>

出现了这样的问题
在这里插入图片描述
尝试了element-plus的1.30-beta.5和1.30.beta.10版本依旧是这个问题
于是尝试了旧一点版本的element-plus

选择了1.20-beta.6版本

npm install element-plus@1.2.0-beta.6

在这里插入图片描述
换了版本重新启动就好了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^