type check failed for prop “showOverflowTooltip“报错问题的解决方法

最新推荐文章于 2024-10-08 16:29:57 发布

SmallTeddy

最新推荐文章于 2024-10-08 16:29:57 发布

阅读量9.9k

点赞数 11

分类专栏： Vue 文章标签： javascript typescript 前端 vue.js

SmallTeddy

本文链接：https://blog.csdn.net/smallteddy/article/details/107060665

版权

Vue 专栏收录该内容

48 篇文章 12 订阅

订阅专栏

代码

<el-table-column prop="revision" label="新特性" min-width="60" show-overflow-tooltip="true" />

官方文档解释

在这里插入图片描述

报错

在这里插入图片描述

解决方法

// 其实把后面主动设置的true去掉就可以了
<el-table-column prop="revision" label="新特性" min-width="60" show-overflow-tooltip />

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

SmallTeddy

关注关注

11
点赞
踩
5

收藏

觉得还不错? 一键收藏
打赏
4
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法

wbajsjhhhhh的博客

05-03

6174

正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法

前端开发：遇到提示Invalid prop：type check failed for prop “modelValue“. Expected Number…的解决方法

软贱开发攻城狮

04-04

1万+

前言在Vue开发中，经常会遇到一些很共性的报错提示，而且有时候提示已经很明确的告诉开发者问题出现在哪里，尤其是在Chrome的控制台输出上面，只要看一下输出日志就知道问题所在。但是对于一些刚入行的开发者来说，看日志的意识还没有养成，需要借助外力来解决问题，这样不是不可以，主要是要学会看输出的日志以及提示，这样才能很好的“对症下药”。本篇博文主要是分享一下查看日志的方法，根据日志来解决警告或者报错提示，分享给有需要的人，这里以一个常见的报错为切入点来讲解。警告提示在运行项目之后，Chrom

4 条评论您还未登录，请先登录后发表或查看评论

el-table-column设置show-overflow-tooltip属性报错：check failed for prop “showOverflowTooltip“.

weixin_43749805的博客

05-09

1273

其中，show-overflow-tooltip 属性使用了 kebab-case 命名方式，在 Vue.js 中会被自动转换为 showOverflowTooltip 属性，因此我们需要使用冒号语法将其绑定到组件中。如果 show-overflow-tooltip 属性时仍然出现类型检查失败的错误，那么可能是因为您使用的 Vue.js 版本过低，建议将 Vue.js 更新到最新版本。show-overflow-tooltip属性使用的kebab-case（短横线连接式）命名方式。

element ui table 报错 type check failed for prop “showOverflowTooltip“. Expected Boolean, got Stri

qq_35226176的博客

04-15

1366

原因 <el-table-column prop="warehouseDescribe" label="仓库描述" show-overflow-tooltip="true" > 解决方案：仔细看下文档上的可选值列是 “-” 默认是false即不填写 <el-table-column prop="warehouseD

Invalid prop: type check failed for prop value

热门推荐

niaonao

08-06

10万+

Vue 报错 Invalid prop: type check failed for prop "value" 问题处理

Vben Admin [Vue warn]: Invalid prop: type check failed for prop “api“. Expected Function, got Null

qq_51536454的博客

12-28

1029

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

4109

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%"> .

type check failed for prop “text“Expected String with value “undefined“

qq_43537814的博客

07-17

1324

Invalid prop: type check failed for prop “text”. Expected String with value “undefined”, got Undefined found in XXX 出现这个错误很无语。。。。。因为是在created里面发送请求获取数据， created中 this.downloadData = { url: this.oneInfo.qrCodeType.qjc //需要转化成二维码的网址 }; 但是在data中

Invalid prop：type check failed for prop.Expected String with value“[object Object]”got Object

qq_45796592的博客

08-05

1万+

Invalid prop：type check failed for prop.Expected String with value“[object Object]”got Object bug解决

“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的解决方案

2301_79779756的博客

05-09

4295

在Vue.js等前端框架中，组件的props（属性）是用来接收来自父组件的数据的。每个prop都可以被指定一个类型，如String、Number、Boolean、Array、Object、Date、Function、Symbol以及任何自定义的构造函数。当传递给组件的prop值类型与定义的期望类型不符时，Vue会在控制台中发出警告，提示类型检查失败。

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。像这样的错误一般是同一类型的错误，是数据类型没给对,你给的值和组件需要的数据类型不一致错误截图以上就是报错信息错误分析报错信息的意思是：无效的命名数据:“数据”类型检查失败。期望数组，得到字符串/对象，已经很明

使用超出隐藏show-overflow-tooltip产生的错误

weixin_44235671的博客

03-01

1253

解决超出隐藏标签带来的错误

使用vue报错：type check failed for prop “data“. Expected Array, got Object

qq_43054210的博客

12-14

4114

在使用axios返回前端的数据时报错：type check failed for prop “data”. Expected Array, got Object 事实上，我们从题目就能知道我们给出了对象，他要的是数组array，而我们给了objcet对象我原来的代码如下 <script> export default { data(){ return { items: [] } }, methods:{

Invalid prop: type check failed for prop “xxx“报错处理

smallteddy.blog.csdn.net

07-08

4万+

首先我们看到这个报错，这个报错的意思是说：无效的命名数据:“数据”类型检查失败。而且上面说了是Boolean类型错误，要把值改成"true"，并且看到是tag标签的错误，于是检查代码： <el-table-column prop="process_id" label="模板号" align="center" min-width="50"> <template v-slot="{ row }"> <div slot="content">.

解决 type check failed for prop “disabled“. Expected Boolean, got String with value “36“问题

qq_45274635的博客

07-14

3455

在上述代码中，我们使用双重逻辑非运算符将不同类型的值转换为布尔类型。非布尔类型的值通过逻辑非运算先转换为对应的布尔类型，然后再输出转换后的结果。值得注意的是，双重逻辑非运算符是一种快速而简洁的将其他类型转换为布尔类型的方法。但在使用时，应确保理解了转换的行为，以免产生意想不到的结果。这种警告虽然不影响代码的运行，但是一直爆红看着也挺烦，一般当我们使用他人的组件时，传递类型时，和要求传入的类型不符合时，会出现这种情况。这个代码中，直接传入的id并不是一个布尔值，所以浏览器会一直弹出警告。

解决报错type check failed for prop "name"

weixin_45543192的博客

11-07

4257

当出现[Vue warn]: Invalid prop: type check failed for prop “name”. Expected String with value “null”, got Null found in 原代码报错原因由于name传入的为null类型，不是字符串类型解决办法传入的值后面拼了一个空字符串，自动转成了字符串，解决！！！ ...

报错type check failed for prop “tableData“.的解决