Vue提示 Expected Boolean, got String

最新推荐文章于 2024-05-09 13:15:08 发布
最新推荐文章于 2024-05-09 13:15:08 发布
阅读量8.7k 收藏 5
点赞数 4
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chen16432/article/details/105287964
版权

Vue提示 Expected Boolean, got String

提示错误为type check failed for prop “XXX”. Expected Boolean, got String.

既：属性“XXX”类型检查失败。预期的布尔值，得到字符串。

很明显“XXX”这个属性希望得到类型是布尔类型，结果得到了字符串。

解决方法就是在“XXX”这个属性前面加上“ : ”即可

原因解释：
在属性前加冒号，表示此属性的值是变量或表达式，如果在这里插入图片描述不加，就认为是字符串，所以报错。

阳村村长
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
wbajsjhhhhh的博客
05-03 5854
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
[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: xxx,Expected Boolean, got String with value “true“.
要思考，要努力
11-30 3932
原因是，vue中对于属性值是data中数据或者是boolean类型的时候，属性前面需要加上冒号。#### 2.正确写法（多加个冒号即可）：```html
“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的解决方案
最新发布
2301_79779756的博客
05-09 1960
在Vue.js等前端框架中，组件的props（属性）是用来接收来自父组件的数据的。每个prop都可以被指定一个类型，如String、Number、Boolean、Array、Object、Date、Function、Symbol以及任何自定义的构造函数。当传递给组件的prop值类型与定义的期望类型不符时，Vue会在控制台中发出警告，提示类型检查失败。
Gson 异常 Expected a boolean but was NUMBER at line xxx column xxx
qq_26500807的博客
05-22 2014
一.首先查看错误 首先看到这个错误 我头都大了 , 我擦 什么情况 , 后来仔细读取错误 发现 ,Expected a boolean but was NUMBER at line 82 column 16 , 这个什么的 82行 ? 其实是 json 数据 82行 贴一下数据 我操 , 妈的是后台写错了 . 一会儿是 int 一会是 boolean 所以出错 心得体...
Vue提示Expected Boolean, got String
ai520587的博客
12-27 2万+
提示错误为type check failed for prop "XXX". Expected Boolean, got String. 既：属性“XXX”类型检查失败。预期的布尔值，得到字符串。 很明显“XXX”这个属性希望得到类型是布尔类型，结果得到了字符串。 解决方法就是在“XXX”这个属性前面加上“ : ”即可...
Invalid prop: type check failed for prop “highlightCurrentRow“. Expected Boolean, got String with v
qq_30346433的博客
12-18 1583
在 <el-table>加滚动条报上名错误。如下 解决。 1、在<el-table>标签中加入 :highlight-current-row="highlightCurrentRow" 2、 加入： props: { // 点击高亮当前行 highlightCurrentRow: { type: Boolean, default: false, }, }, 改成如下 ...
Invalid prop: type check failed for prop "closeOnClickModal". Expected Boolean, got String with valu
qq_24044863的博客
10-18 5047
element 的弹出框dialog问题，点击页面的别的地方是，弹出框不关闭 close-on-click-modal设成false即可，但是在 <el-dialog close-on-click-modal="false"></el-dialog> 报上述错误 应该这样写 <el-dialog :close-on-click-modal="false">&lt...
vue报错Invalid prop: type check failed for prop "sticky". Expected Boolean, got String
11-24
这个错误提示是因为你在Vue组件中使用了一个名为"sticky"的prop，但是你传递给它的值是一个字符串而不是一个布尔值。解决这个问题的方法是将传递给"sticky" prop的值更改为布尔值。你可以使用JavaScript中的Boolean...
vue Invalid prop: type check failed for prop "center". Expected Boolean, got String with value "true".
08-29
Expected Boolean, got String with...](https://blog.csdn.net/weixin_43820434/article/details/121784623)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...
[Vue warn]: Invalid prop: type check failed for prop "checked". Expected Boolean, String, got Number with value 0.
07-28
Expected Boolean, got String with...](https://blog.csdn.net/weixin_43820434/article/details/121784623)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...
vue获取v-model数据类型boolean改变成string number变成string
weixin_30757793的博客
01-29 3126
vue v-model.number 稍做笔记 转载于:https://www.cnblogs.com/liyuanzuo/p/10333288.html
vue学习之解决“} expected“和“at-rule or selector expected“报错
King的博客
07-26 1万+
问题：在vue中已经安装了sass，并且也在style中使用了lang="scss"，但是在vscode中还是报如下错误： } expected at-rule or selector expected 解决：看看vscode右下角语言模式是不是Vue，如果不是，改成Vue。 如图所示： 改成Vue后： 问题解决！ ...
关于Boolean, Number, String
记录
10-28 738
为了便于操作基本类型值，ECMAScript 还提供了3个特殊的引用类型：Boolean，Number，String 引用类型与基本包装类型的主要区别就是对象的生存期。使用new操作符创建的引用类型的实例，在执行流离开当前作用域之前都一直保存在内存中。而自动创建的基本包装类型的对象，则只存在于一行代码的执行瞬间，然后立即被销毁。这意味着我们不能再运行时为基本类型值添加属性和方法。
vue props 的几种写法【Boolean、String、Array、Object、Number】
DcTbnk的博客
08-20 1871
// 方法1 props: { drawer: { type: Boolean, default: false }, modelTitle: { type: String }, ruleFormMiserable: { type: Object, default: () => { return {} } }, data: { type: Array
解决 type check failed for prop “disabled“. Expected Boolean, got String with value “36“问题
qq_45274635的博客
07-14 3269
在上述代码中，我们使用双重逻辑非运算符将不同类型的值转换为布尔类型。非布尔类型的值通过逻辑非运算先转换为对应的布尔类型，然后再输出转换后的结果。值得注意的是，双重逻辑非运算符是一种快速而简洁的将其他类型转换为布尔类型的方法。但在使用时，应确保理解了转换的行为，以免产生意想不到的结果。这种警告虽然不影响代码的运行，但是一直爆红看着也挺烦，一般当我们使用他人的组件时，传递类型时，和要求传入的类型不符合时，会出现这种情况。这个代码中，直接传入的id并不是一个布尔值，所以浏览器会一直弹出警告。
Vue出现Expected Array, got String with value报错解决方法
AQUROEAN
08-26 8505
问题报错： 在传值的时候加上中括号就行，可将string直接转换成数组 <template> <view> <u-notice-bar type="none" mode="horizontal" :list="[list]"></u-notice-bar> </view> </template> <script> export default { data() { return { list:
Vue进阶（幺幺伍）：js 将字符串转换为布尔值boolean
IT全栈 华强工作室
05-20 1万+
Boolean(); 参数为 0、null 和无参数返回false，有参数返回true。 Boolean(""); //输出为：false Boolean(null); //输出为：false Boolean(0); //输出为：false Boolean("hi"); //输出为：true Boolean(100); //输出为：true Boolean(new Object()); //输出为：true 注：若想实现将字符串类型的true or false转换为布尔类型的常量，只能通过
Failed prop type: Invalid prop `disabled` of type `string` supplied to `Input`, expected `boolean`.
weixin_43734184的博客
08-21 3062
这类警告，我的解决其实就是Input中的disabled赋值有问题，不能直接赋值true，需要通过变量来赋值： const disabled=true; <Input disabled={disabled} />
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值