vue3element-plus警告 [Vue warn]: Invalid prop: type check failed for prop “content“. Expected String w

最新推荐文章于 2024-12-18 20:39:31 发布
最新推荐文章于 2024-12-18 20:39:31 发布
阅读量1.3k 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_48083875/article/details/129922684
版权
在Vue应用中遇到一个警告，提示content属性的类型检查失败，预期为字符串但接收到的是数字。问题出在尝试用引号包裹的变量(scope.row.remarks)作为el-popover的content，而应该直接使用变量，避免字符串化。
摘要由CSDN通过智能技术生成

runtime-core.esm-bundler.js:38 [Vue warn]: Invalid prop: type check failed for prop "content". Expected String with value "10", got Number with value 10. 

错误：

        

<el-popover

                    placement="top-start"

                    :width="150"

                    trigger="hover"

                    :content="scope.row.remarks"

                    effect="dark">

                    <template #reference>

                      {{ scope.row.remarks }}

                    </template>

                  </el-popover>

主要原因：

 el-popover 的可扩展使用 是在内部写扩展内容

不能使用引号 的方式写变量

越来越牛B
关注
[Vue warn]: Invalid prop: type check failed for prop "disabled". Expected Boolean, got String.
郭宝的博客
10-08 7万+
问题： 大致意思是prop期待传入布尔值，而你传入的却是字符串，类型错误。 解决思路： 1、首先针对该错误信息可以去GbComponentUploadDialog.vue文件中查找disabled关键字 2、然后通过查看对应的Element官网得知，设置输入框组件禁止输入的正确写法是 :disabled="true" ，而代码中少写了冒号，加上即可。 更...
前端开发：遇到提示Invalid prop：type check failed for prop “modelValue“. Expected Number…的解决方法
软贱开发攻城狮
04-04 1万+
前言 在Vue开发中，经常会遇到一些很共性的报错提示，而且有时候提示已经很明确的告诉开发者问题出现在哪里，尤其是在Chrome的控制台输出上面，只要看一下输出日志就知道问题所在。但是对于一些刚入行的开发者来说，看日志的意识还没有养成，需要借助外力来解决问题，这样不是不可以，主要是要学会看输出的日志以及提示，这样才能很好的“对症下药”。本篇博文主要是分享一下查看日志的方法，根据日志来解决警告或者报错提示，分享给有需要的人，这里以一个常见的报错为切入点来讲解。 警告提示 在运行项目之后，Chrom
Invalid prop: type check failed for prop “content“. Expected String with value “0“, vue 警告
pengju12345的博客
06-08 2325
Invalid prop: type check failed for prop "content". Expected String with value "0"报错
[Vue warn]: Invalid prop: type check failed for prop “content“.
小废物
10-21 1564
[Vue warn]: Invalid prop: type check failed for prop “content”. Expected Number, String, got Function 在使用vant组件调用Badge 徽标时 ，设置 content 属性后,出现的错误 查资料发现是忘记给 content设置 类型了！ 大家在使用时特别注意 正确如下： <!-- 底部添加评论区域 --> <div class="icon-box">
vue3项目中使用element-plus组件出现警告信息：Runtime directive used on component with non-element root node.
✅ Java 开发工程师，从事 Web 应用程序的研发，擅长 Spring、SpringBoot 等技术。 ✅ 热爱编程，业余时间学习新知识，通过 CSDN 记录学习心得和笔记内容。
11-17 783
出现上面警告信息的原因是：我使用了el-skeleton自定义了一个skeleton-text组件，然后将这个组件使用到了el-tooltip组件里面，就导致这个报错了。警告提示信息是说，缺少了root根元素，那么我们就可以自己使用div当做根元素，这样就可以解决这个警告问题了。到此，xxx问题就解决啦。
【解决报错】Invalid prop: type check failed for prop "index". Expected String with value "undefined", got
weixin_46552424的博客
03-18 1万+
在使用elementUI循环渲染导航的过程中 会出现如下警告 报错翻译：无效属性：属性“index”的类型检查失败。应为值为“undefined”的字符串，但未定义 解决方法： 将:index=“item.path” 改为:index="item.path + ’ ’ " 完美解决 原因：elementUI的index是字符串格式，加一个‘ ’，将后台数据转换为字符串 ...
Invalid prop: type check failed for prop “content“. Expected String, got Array
qq_30351747的博客
07-21 2976
Invalid prop: type check failed for prop “content”. Expected String, got Array 大概意思就是，人家需要的是字符串，但是你给人家搞成数组了，就会提示这个warn。 报错代码 <el-tooltip class="item" effect="dark" :content="[scope.row.is_admin == true ? '管理员' : '成为管理员']" placement="right-start">
[Vue warn]: Invalid prop: type check failed for prop “currentPage“. Expected String with value “1“
qq_44267691的博客
10-10 5819
因为我是把这个currentPage变量存到了localStorage里面，存进去的是int类型，拿出来的就是string类型了，所以再次复制给currentPage变量会有类型冲突。解决方法：将localStorage的数据变量拿出来时转换成int类型就好（ 通过parseInt()函数实现 ），保持前后变量赋值始终一致。出现这个的原因是因为定义的初始currentPage变量为整型，后面赋值时变为了string类型。当然一开始的data()里面定义变量也要为整型。
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
01-08
1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者：itwangyang520
Vben Admin [Vue warn]: Invalid prop: type check failed for prop “api“. Expected Function, got Null
qq_51536454的博客
12-28 1069
Vben Admin 如何解决警告 [Vue warn]: Invalid prop: type check failed for prop "api". Expected Function, got Null
vue表单验证中 Invalid prop: type check failed for prop “model“. Expected Object, got String with value “l
weixin_43413645的博客
04-19 4193
4/19 在写vue项目注册页面中rules规则的时候，反复验证prop和rules中值相同的情况下，运行一直产生报错 <template> <div> <div id="register" class="box" > <h3>注册登录页面</h3> <el-form ref="ruleform" :rules="rules" model="loginForm" label-width="20%"> .
Vue报错：Invalid prop: type check failed for prop "...". Expected String with value "1", got Number 1
Super__Duan的博客
05-13 1万+
Vue报错：Invalid prop: type check failed for prop “…”. Expected String with value “1”, got Number with value 1 Expected String with value “1”, got Number with value 1 期望的是String类型，但是传的值是Number类型，所以把String转换成Number 换为 ...
日期选择组件报错：Invalid prop: type check failed for prop “prop“. Expected String with value
zwh2487577416的博客
05-09 616
日期选择组件报错：Invalid prop: type check failed for prop "prop". Expected String with value
Vue错误[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got String
熟悉JS拼写的FE
09-15 1万+
Vue-常见错误[Vue warn]: Invalid prop: type check failed for prop “data”. Expected Array, got String 前言:项目中遇见 Invalid prop…Expected XXX, got XXX。像这样的错误一般是同一类型的错误，是数据类型没给对,你给的值和组件需要的数据类型不一致 错误截图 以上就是报错信息 错误分析 报错信息的意思是：无效的命名数据:“数据”类型检查失败。期望数组，得到字符串/对象， 已经很明
[Vue warn]: Invalid prop: type check failed for prop “value“. Expected String with value “1“ 解决办法
热门推荐
loricy7的专栏
08-10 2万+
Vue错误提示： [Vue warn]: Invalid prop: type check failed for prop "value". Expected String with value "1", got Number with value 1. 提示的问题：是数据不匹配，传数的是Number类型 ，而组件需要的是String类型 在这里，需要对数据类型进行强制转换即可，用String()强转。 我实际遇到的问题是： 开发uni-app时，使用checkbox-group多选组..
Invalid prop: type check failed for prop “text“. Expected String with value “[object Object]“
最新发布
向着太阳迎着光
12-18 607
确保传递给text属性的值是一个字符串，而不是一个对象。如果你需要传递对象内容，可以使用来将对象转换为字符串，或者直接传递对象中的某个属性值。这样就能避免 Vue 的类型检查错误了。
u-upload提示 [Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Array
11-07
这个 Vue.js 的警告是在告诉你，在组件中传递给 "value" 属性的数据类型不符合预期。`u-upload` 可能期望接收到的是字符串(String) 或者数字(Number)，但实际上接收到了数组(Array)。在 Vue 中，props (属性)的类型...
el-upload [Vue warn]: Invalid prop: type check failed for prop "limit". Expected Number with value 1, got String with value "1".
07-28
这个错误是由于你传递了一个字符串类型的值"1"给了prop "limit"，但是它期望的是一个数字类型的值1。你需要将传递给"limit"的值改为数字类型。你可以尝试将"1"改为1，或者使用parseInt()函数将字符串转换为数字。...
nvalid prop: type check failed for prop “index“. Expected String with value “5“ 解决办法！
杨葱儿
10-27 2053
原来是elementUI的：index字段为字符串格式，后台数据为num格式，格式警告，格式转换，问题解决！ 提示的问题：是数据不匹配，传数的是Number类型 ，而组件需要的是String类型 在这里，需要对数据类型进行强制转换即可，用String()强转。 :value="ites.value_id" 改为： :value="String(ites.value_id)" ...
[Vue warn]: Invalid prop: type check failed for prop “value“. Expected String with value “1“ 解决办法
Khun_HWJ的博客
06-29 6297
提示的问题：是数据不匹配， 传数的是Number类型 ，而组件需要的是String类型 在这里，需要对数据类型进行强制转换即可，用String()强转。 that.permission = String(res.data.permission.value);
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值