vue3+element-plus预览图片被表格遮挡，更换版本plus版本size失效报错（custom validator check failed for prop “size“.）

最新推荐文章于 2023-07-25 15:39:36 发布
最新推荐文章于 2023-07-25 15:39:36 发布
阅读量1.6k 收藏
点赞数
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dargon_hungry/article/details/125104011
版权

按照百度搜索的方案，把element-plus版本降成 @1.2.0-beta.6之后，解决了预览图片被遮挡，但是出现了新的报错如下：

Invalid prop: custom validator check failed for prop "size"

解决方法：把element-plus版本改成@1.3.0-beta.1，即解决图片被遮挡，size属性也能正常使用

指令： npm install element-plus@1.3.0-beta.1

安装完后问题就解决啦。

 

肥龙又饿了
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
vue3-element-admin：vue3 + element-plus + typescript 后台管理系统
05-04
vue3-element-admin 是【有来开源组织】基于 Vue3 + Vite4 + TypeScript + Element-Plus + Pinia 等前端主流技术栈从0到1搭建后台管理系统模板（前后端开源）。 后端是基于 Spring Boot 3.0 、Spring Security 6.0 ...
valid prop: custom validator check failed for prop “size“.
PhilsphyPrgram的博客
05-06 3345
文件中搜索，看看哪些地方用到了此属性，如果此属性用到的地方比较多，需要进行排除，如进行了怎样操作，会触发出此错误，然后按照此触发路径去找，缩减。，这个提示代表此文件中，有一个。第一步： 首先确定出问题的。页面，如上图所示，是。
[Vue warn]: Invalid prop: custom validator check failed for prop
weixin_45124380的博客
06-29 3843
解决方案 原因:定义为"" 实际上是[] custom ："" //改为 custom:[]
Ant Design Vue中出现报错： Invalid prop: custom validator check failed for prop “pagination“
invalid_oath的博客
12-15 7106
一.问题背景 最近在搞一个英语学习平台管理系统的时候，遇到了一个问题，莫名奇妙报了一个pagination的校验错误警告，这可把我整懵逼了看了一下代码，也没有错撒，而且我之前封装的组件用的好好的，怎么就错了呢？然后开始对问题进行剖析。 二.问题分析 要想解决问题，首先就要对问题进行定位，从控制台中可以粗略的看到，问题大概是出在Table表格组件上。好，我先翻到使用表格组件的地方： 嗯。貌似没看到相关的pagination的属性，再看看传入s-table中的数据源data和列属性colums： 对比一下
ElementUI出现的Invalid prop: custom validator check failed for prop "index"错误
凉茶冰
10-11 8300
问题描述 使用NavMenu组件时候，通过循环读取菜单信息来展示菜单列表。在进行了相关处理之后，菜单可以正常展示，但是控制台一直告警，报：Invalid prop: custom validator check failed for prop "index"的异常，如下所示： 出现这个问题之后，查看代码中的index处理，如下： 这样写，貌似是正确的，但一直告警。 解决方法 in...
❤ Element el-submenu 遇到 Invalid prop: custom validator check failed for prop “index“
林太白
07-25 1805
❤ Element el-submenu 遇到 Invalid prop: custom validator check failed for prop “index“
Vue3+element-plus-table-dragable(Sortable.js)实现表格拖动排序
06-15
在网上找的（vue3+sortable.js根本跑不起来）网上好多例子在vue3下根据跑不起来于是，也没有对表格排序的例子。Vuedraggable 是基于并提供Sortable.js的所有功能。重用现有element-plus组件库。对于小白来说怎么在...
Vue3 框架 + Element-Plus 库 + mockjs 假数据 + vue3-demo + 环境已经配好拿来就用
07-06
内容概要：该 Vue3-demo 是基于 Vue3 框架搭配 Element-Plus ui库，建立的简单工程，并搭建了 Mockjs 和 axios工具，可以快速开发的工程，已经成功引入并建立了一个基于 Element-Plus 库中 table 组件的页面;...
基于vue3+element-plus的管理系统.zip
05-16
基于vue3+element-plus的管理系统 基于vue3+element-plus的管理系统 基于vue3+element-plus的管理系统 基于vue3+element-plus的管理系统 基于vue3...
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统
05-02
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...
Invalid prop: custom validator check failed for prop “pagination“.
潮汐未见潮落的博客
10-11 6672
Invalid prop: custom validator check failed for prop "pagination".解决方法
Vue遇到的报错，[Vue warn]: Invalid prop: custom validator check failed for prop “XXX“
TanMengyi的博客
07-24 4499
1.[Vue warn]: Invalid prop: custom validator check failed for prop “XXX”. 根据报错提示，发现是引用的el-progress报错，发现自己的代码中的status报错了： 查看elementui的官方文档，发现status的状态中是没有text的 ...
elementUI中遇到 [Vue warn]: Invalid prop: custom validator check failed for prop "status"
qq_36836277的博客
04-23 6612
一、使用 过程中遇到Invalid prop: custom validator check failed for prop “status” 原因排查1.status属性值中有空格 <el-progress :percentage="stepPercentage(item.step)" status=" success"></el-progress> 原因排查2:...
Invalid prop: custom validator check failed for prop “index“. 解决
weixin_54500649的博客
09-02 221
Invalid prop: custom validator check failed for prop “index“. 解决 解决方法：
[Vue3+Element-Plus]点击列表中的图片预览时，图片被表格覆盖问题
qq_43458194的博客
03-04 5358
问题复现： 源代码段： <el-table-column prop="id" label="ID" width="80" align="center" sortable/> <el-table-column label="头像" width="85px"> <template #default="scope"> <el-image style="width: 60px;height: 60px;" ..
使用ant-design-vue分页时报错：[Vue warn]: Invalid prop: custom validator check failed for prop “pagination“
weixin_55532289的博客
03-02 1838
ant-design-vue项目中使用Pagination 分页还是比较常用的，经常在list列表或者table表格中使用到 使用过程中可能会遇到的问题： 1.动态赋值total时，会出现下图错误；现象：取决于你后端请求是否有数据，有数据（不会报错），否则会报错 控制台报错信息： 解决办法 // 向后台发起请求 getAction(url, params).then((res) => { if (res.success) { console.log(res.re
解决[Vue warn]: Invalid prop: custom validator check failed for prop “type“. found in ---＞ ＜Button＞
Codernmx
09-23 2160
[Vue warn]: Invalid prop: custom validator check failed for prop “type”. found in —> 错误信息提示 是button 的type出错了 经过排查发现 多写了type=“defult” 主要是使用iview 可能是不同版本之间的差异
el-progress进度条提示Invalid prop: custom validator check failed for prop “status“
G佳伟
11-03 514
el-progress进度条提示Invalid prop: custom validator check failed for prop “status“
[转]Invalid prop: custom validator check failed for prop index.(转载请删除括号里的内容)
jiaoqi6132的博客
06-22 7571
错误： 解决方法：index的值不能有空格，并且要为字符串类型 --------------------- 作者：景尘 来源：CSDN 原文：https://blog.csdn.net/lbpro0412/article/details/99300964 版权声明：本文为作者原创文章，转载请附上博文链接！ ...
vue3+element-plus
最新发布
12-13
以下是使用Vue 3.0+Element-Plus开发后台管理系统的步骤： 1.首先，确保你已经安装了Node.js和npm包管理器。 2.使用以下命令安装Vue CLI 4： ```shell npm install -g @vue/cli ``` 3.使用Vue CLI创建一个新项目： ```shell vue create my-project ``` 4.在创建项目时，选择使用Vue 3.0版本，并启用class-style component语法： ```shell ? Please pick a preset: Manually select features ? Check the features needed for your project: Choose Vue version, Babel, Router, Vuex, CSS Pre-processors, Linter, Unit ? Choose a version of Vue.js that you want to start the project with 3.x (Preview) ? Use class-style component syntax? Yes ? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? No ? Use history mode for router? (Requires proper server setup for index fallback in production) Yes ? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Sass/SCSS (with dart-sass) ? Pick a linter / formatter config: ESLint with error prevention only ? Pick additional lint features: Lint on save ? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files ``` 5.安装Element-Plus和Echarts 5.0： ```shell npm install element-plus [email protected] ``` 6.在main.js中引入Element-Plus和Echarts： ```javascript import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' import ElementPlus from 'element-plus' import 'element-plus/lib/theme-chalk/index.css' import echarts from 'echarts' const app = createApp(App) app.use(store) app.use(router) app.use(ElementPlus) app.config.globalProperties.$echarts = echarts app.mount('#app') ``` 7.现在你可以开始使用Element-Plus和Echarts来开发你的后台管理系统了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值