vue项目中使用Element-ui时遇到的一些问题

最新推荐文章于 2023-06-06 19:36:31 发布
原创 最新推荐文章于 2023-06-06 19:36:31 发布 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript

本文详细解析了Vue开发中遇到的三个常见错误：prop类型检查失败（针对布尔值和字符串转换）、custom validator验证错误（处理int类型值）以及异步数据加载导致的undefined错误。提供了解决方案和实例代码，帮助开发者快速定位并修复这些问题。

1、报错：[Vue warn]: Invalid prop: type check failed for prop “uniqueOpened”. Expected Boolean, got String with value “true”.

在这里插入图片描述
源码：
在这里插入图片描述
原因：prop期待传入的是布尔值，而你传入的是字符串，类型错误

解决办法：加上冒号即可
在这里插入图片描述

2、报错：[Vue warn]: Invalid prop: custom validator check failed for prop “index”.

在这里插入图片描述
源码：
在这里插入图片描述
原因：index的值从后端传入是个int类型的值时，使用toString()转成字符串即可

解决办法：+上 .toString()
在这里插入图片描述

3、报错：[Vue warn]: Error in render: “TypeError: Cannot read property ‘status’ of undefined”

在这里插入图片描述

源码：
在这里插入图片描述
在这里插入图片描述
原因：异步数据先显示初始数据，再显示带数据的数据

解决方法：在上面template中添加v-if判断条件，如果scpoe.item取不到，则不加载该模块即可。
在这里插入图片描述

4、标题：Modules not found：“element-ui”？？？

安装了axios之后就报这个错，安装axios之前就安装了，而且还用上了！

不过，小问题，重装一次就好了,只是有点莫名其妙。。。

npm install element-ui -S
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
wbajsjhhhhh的博客
05-03 7330
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
Python中数据清洗缺失值，重复值和异常值的处理
Ifordzhang的博客
04-28 2430
1 缺失值的处理 1.1 常规缺失值的处理 np.nan,NaN,None，NaT(时间数据类型的缺失值)等 df.isnull() 1.判断每一个df中的数据是否为缺失值，是则返回True,否则返回False 2.可以利用True为1，False为0的特性，sum()即为缺失值数量 df.notnull() 判断每个df中的值是否不为缺失值，是不为缺失值返回True,不是不为缺失值则返回False df.dropna() 1.删除缺失值，可以指定axis来控制删除出现缺失值的行或者列 2.使用dropna
第三章16节-Pandas运用之缺失值处理
weixin_45441862的博客
11-01 1481
缺失值首先需要实际情况定义 可以采取直接删除法 有时候需要使用替换法或者插值法 1、 统计缺失值的数量 首先读取数据 查看数据集中缺失值的情况 df.isnull() 统计每一列缺失值的数量 np.sum(df.isnull())，其参数axis默认值为0，表示按行的方向进行统计，显示的结果就是每一列的缺失值的数量 统计每一行缺失值的数量 np.sum(df.isnull(),axis = 1)，表示按列的方向进行统计，显示结果就是每一行的缺失值的数量 2、 统计每行缺失...
Pandas数据分析②——数据清洗（重复值/缺失值/异常值）
cindy407的博客
06-04 3万+
数据清洗主要分为三步： 重复值处理——删除（有几个相同就删除还是全部得相同） 缺失值处理——删除，填充（均值，众数，中位数，前后相邻值），插值（拉格朗日插值，牛顿插值） 异常值处理——describe进行描述性分析+散点图+箱型图定位异常值，处理方法：删除，视为缺失值 一、重复值处理 ① 先用duplicated()方法进行逻辑判断，确定是否有重复值 data = pd.read_csv("dat...
07-19 pandas 数据清洗(重复值的处理+缺失值处理）
weixin_46400833的博客
07-19 397
数据清洗----重复值处理 记： 1、现实生活中，数据并非完美的，需要对所获得的不完美的数据进行清洗才能进行后面的数据分析 2、数据清洗包括 处理缺失值，重复值和异常值等 3、数据清洗工作占整个数据分析项目的百分之60以上的时间 一、重复值的处理 重复值一般采取删除法 来处理 但是有些重复值不能删除，例如订单明细，数据或交易明细数据等 具体函数如下： inplace=True 加上后 所有才做才会直接作用于原始数据上 import 部分和读取部分一样的，就不加详述； df.duplicated()
精选资源
element-demi:在Vue 2 3中使用Element UI的适配器
05-09
一个在Vue 2/3中使用Element UI的适配器。 :yo-yo: 只是个玩具 该库旨在测试postinstall npm挂钩。 安装完所有软件包之后。 该脚本将开始检查已安装的Vue版本，并根据本地Vue版本将导出重定向到。 :package: 安装 ...
Vue中正确使用Element-UI组件的方法实例
10-14
在 Vue 项目中正确使用 Element-UI，可以显著提高开发效率。 **一、CDN 引入** 对于快速尝试或小型项目，可以通过 CDN 直接引入 Element-UI 的 CSS 和 JS 文件。在 HTML 文件中添加以下代码： ```html <!-- 引入...
VUE.js+element-ui实现JSON编辑器
02-17
这将使你能够在整个项目中使用Element-UI的所有组件。 ```javascript import Vue from 'vue' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) ``` ...
精选资源
在vue项目中使用element-ui的Upload上传组件的示例
01-19
本文介绍了vue项目中使用element-ui的Upload上传组件的示例，分享给大家，具体如下： <el-upload v-else class='ensure ensureButt' :action=importFileUrl :data=upLoadData name=importfile :onError=...
使用element-ui中 Invalid prop: type check failed for prop “total“. Expected Number with value NaN报错详解
weixin_45721912的博客
05-07 1万+
Invalid prop: type check failed for prop “total”. Expected Number with value 0, got String with value “”. 问题重现： 本文使用的是elementUI的框架，在开发时加载页面刷新时出现的报错。 问题分析： 发现报错total值为“”,于是去data属性里面去查看total的变量。发现total默认的值为“”，所以分析可能是没有赋初始值的原因引起的，所以我给total赋了一个初始值，这个问题就迎刃而解了
element ui 报错 [Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got ；
ourring的博客
06-06 458
用element ui 写后台时控制台打印了一堆bug，原因是<el-table>中 ：data传的数据必须是个数组，写成对象之后就会疯狂报错。
Invalid prop: type check failed for prop “value”. Expected String, Number, got Array
热门推荐
gaoyu007的博客
07-19 5万+
报错内容：Invalid prop: type check failed for prop “value”. Expected String, Number, got Array。 原因：relateuserCount在该change事件中有赋值，该属性本身是string类型，prop也是该属性。但是现在复制强制改成数组类型，但是prop并不支持prop为数组类型，prop对应值只能是string或者number。导致报错。 select 多选、远程搜索都有，参考官方示例。 如果el-option是v-fo
关于 Invalid prop: type check failed for prop “index“. Expected String, got Undefined
qq_36507046的博客
08-05 5699
关于 Invalid prop: type check failed for prop “index“. Expected String, got Undefined问题的解决
pandas——统计某一列或某一行的缺失值数目
littleboy__的博客
05-02 1万+
使用count data.count(axis=1)
Pandas数据分析----缺失值统计与分析
AIHUBEI的博客
09-29 3198
工具包导入 (9月29号(组内)–数据分析) import pandas as pd print(pd.__version__) 1.2.4 数据载入 data1 = pd.read_csv('./datasets1/location_object.csv') print(data1.head(5)) TIME K1-1 K1-2 K1-3 K1-4 K1-5 K1-6 K2-1 K2-2 K2-3 ... \ 0 2020/7/19 0:00 N
【自用】完美解决：Invalid prop: xxx,Expected Boolean, got String with value “true“.
励志成为会前后端、运维、云服务、嵌入式开发、AI和自动化技术的创业小老板！
11-30 4638
原因是，vue中对于属性值是data中数据或者是boolean类型的时候，属性前面需要加上冒号。#### 2.正确写法（多加个冒号即可）：```html
Invalid prop: custom validator check failed for prop “type“ 解决思路
子墨将的博客
02-07 3万+
代码中出现了: [Vue warn]: Invalid prop: custom validator check failed for prop “type” 翻译过来表示的意思为 [Vue warn]：无效的属性：属性“类型”的自定义验证程序检查失败。 也就是标签中“type”这个属性出现了问题。 此使用的是ant-vue组件。 控制台提示如下： [Vue warn]: Invalid prop: custom validator check failed for prop "type". found
[Vue warn]: Invalid prop: type check failed for prop “currentPage“. Expected String with value “1“
qq_44267691的博客
10-10 5959
因为我是把这个currentPage变量存到了localStorage里面，存进去的是int类型，拿出来的就是string类型了，所以再次复制给currentPage变量会有类型冲突。解决方法：将localStorage的数据变量拿出来时转换成int类型就好（ 通过parseInt()函数实现 ），保持前后变量赋值始终一致。出现这个的原因是因为定义的初始currentPage变量为整型，后面赋值时变为了string类型。当然一开始的data()里面定义变量也要为整型。
type check failed for prop “uniqueOpened“. Expected Boolean, got String with value “true“
GuyOne的博客
07-17 1844
1、ErrorCode：[Vue warn]: Invalid prop: type check failed for prop “uniqueOpened”. Expected Boolean, got String with value “true”. 2、报错源代码： <el-menu default-active=“2” … unique-opened=“true”> … 3、解决方法： <el-menu default-active=“2” … :unique-opened
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值