控制台报错Invalid prop: type check failed for prop “disabled“

最新推荐文章于 2024-05-03 22:41:59 发布
最新推荐文章于 2024-05-03 22:41:59 发布
阅读量1.3k 收藏
点赞数 1
分类专栏： Ant Design Vue 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaogui_2/article/details/126947712
版权

在设置搜索框为不可编辑的时候，控制台报如下错误

vue.esm.js?a026:628 [Vue warn]: Invalid prop: type check failed for prop "disabled". Expected Boolean, got String with value "true".

 

 经过排查后发现，disabled前面没有加:号

<a-input
                v-model="queryParam.divCode"
                :disabled="true"/>

zhaogui_2
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[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" ，而代码中少写了冒号，加上即可。 更...
[Vue warn]: Invalid prop: type check failed for prop “disabled“
易小花的博客
07-27 1万+
vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop “disabled” . Expected Boolean, got String with value “isdisabledFn()” 问题描述 vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop “disabled” . Expect
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-03 5354
正确解决"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 with v
weixin_43820434的博客
12-08 3489
报错解决方法： 在"disabled"前面加上":" 即是":disabled"形式 修改前代码 <el-form-item label="执行用户" label-width="100px"> <el-input v-model="temp.userId" disabled="false" style="width: 220px;" /> </el-form-item> 修改后代码 <el-form-item label="执行用户" l...
解决 type check failed for prop “disabled“. Expected Boolean, got String with value “36“问题
qq_45274635的博客
07-14 2773
在上述代码中，我们使用双重逻辑非运算符将不同类型的值转换为布尔类型。非布尔类型的值通过逻辑非运算先转换为对应的布尔类型，然后再输出转换后的结果。值得注意的是，双重逻辑非运算符是一种快速而简洁的将其他类型转换为布尔类型的方法。但在使用时，应确保理解了转换的行为，以免产生意想不到的结果。这种警告虽然不影响代码的运行，但是一直爆红看着也挺烦，一般当我们使用他人的组件时，传递类型时，和要求传入的类型不符合时，会出现这种情况。这个代码中，直接传入的id并不是一个布尔值，所以浏览器会一直弹出警告。
[Vue warn]: Invalid prop: type check failed for prop “disabled“. Expected Boolean, got String
FZlion的博客
11-30 8334
问题： [Vue warn]: Invalid prop: type check failed for prop “disabled”. Expected Boolean, got String 意思是prop期待传入布尔值，而你传入的却是字符串，类型错误。 解决思路： 1、首先去vue文件中查找disabled关键字，确定传入的值是否为Boolean类型。 2、如果使用ElementUI，则需要在disabled前面加上冒号，例如 :disabled="true" 查看Element官网可知，设置输入框
Invalid prop: type check failed for prop “disabled“. Expected Boolean, got String.
热门推荐
baidu_39212797的博客
07-04 2万+
报错信息 Invalid prop: type check failed for prop “disabled”. Expected Boolean, got String. 大致意思是prop期待传入布尔值，而你传入的却是字符串，类型错误 设置输入框组件禁止输入的正确写法是:disabled=”true”,而代码中少了冒号，加上即可。 ...
【Vue】从列表跳转到详情页报错：Invalid prop: type check failed for prop “disabled“. Expected Boolean, got String.
陶洲川的博客
01-03 1491
一、问题 1.1、环境 电脑环境：Windows 10； 开发工具：IntelliJ IDEA； 数据库环境：Mysql 5.1.6 JDK环境: Jdk1.8； 1.2、问题 【Vue】从列表跳转到详情页报错：Invalid prop: type check failed for prop “disabled”. Expected Boolean, got String. 二、解答 1、在列表页传值代码： 我通过vue中的路由传参： this.$router.push({ path:'',//英文单引号
[Vue warn]: Invalid prop: type check failed for prop “disabled“. Expected Boolean, got String.
bb159632478的博客
12-07 8199
问题： [Vue warn]: Invalid prop: type check failed for prop “disabled”. Expected Boolean, got String 意思是prop期待传入布尔值，而你传入的却是字符串，类型错误。 解决思路： 1、首先去vue文件中查找disabled关键字，确定传入的值是否为Boolean类型。 2、如果使用ElementUI，则需要在disabled前面加上冒号，例如 查看Element官网可知，设置输入框组件禁止输入的正确写法为
Vue报错 Invalid prop: type check failed for prop “disabled“. Expected Boolean, got String
特战程序员
05-17 3541
报错截图： 代码截图： 解决方法： 把字符串换成布尔值，而不是字符串 报错信息就没有了
[Vue warn]: Invalid prop: type check failed for prop “collapse“. Expected Boolean, got Function
楠藜的博客
01-10 1069
[Vue warn]: Invalid prop: type check failed for prop "collapse". Expected Boolean, got Function
Invalid prop: type check failed for prop “collapse“. Expected Boolean, got Function
weixin_48307977的博客
04-02 2502
既然现在传过来的是Function, 那么有两个方法, 要么将传入的参数改为Boolean, 要么将collapse指定接收的参数类型改为Function。翻译出来的意思是: 无效道具：道具“collapse”的类型检查失败。应为布尔值，得到的是函数。这样就不会有爆参错误了。
vue radio标签：type check failed for prop “disabled“. Expected Boolean, got String with value “true“.
water_Popcorn的博客
07-16 3073
问题描述： html：<el-radiolabel="6"disabled='true'>radio不可用</el-radio> 报错：type check failed for prop "disabled". Expected Boolean, got String with value "true". 解決方法: html： <el-radiolabel="6":disabled='radioType'>radio不可用</el-radi...
Invalid prop: type check failed for prop “uniqueOpened“. Expected Boolean, g
放弃不难，但坚持一定很酷！
09-20 2291
解决办法在unique-opened="true" 前面 绑定 v-bind 就解决了 :unique-opened="true"报错这个是由于elementui里面的el-menu使用的时候这个属性unique-opened="true"导致的。大概意思就是无效的道具:道具“uniqueOpened”的类型检查失败。
vue中给index赋值时报Invalid prop: type check failed for prop "index". Expected String, got Number
qq_27474555的博客
05-15 2200
1、html代码 <div v-for="(item, index) in routes" :index="item.index"> <div v-if="item.children"> <el-submenu :index="index"> <template slot="title"> ...
Invalid prop: type check failed for prop “collapse“. Expected Boolean, got Function found in
qq_29820687的博客
07-25 1187
参数传错了，修改即可。
Vue异常:Invalid prop: type check failed for prop
麦叔
06-21 1万+
一.问题描述 用elementUI写vue 项目 ,在浏览器调试的时候报了这个错误. Invalid prop: type check failed for prop "border". Expected Boolean, got String with value "true" 原因是给表格加border=“true”,让表格得到竖直的框线. 插件希望得到的是一个布尔值,但是得到的是true的字符串. 二.解决方案 解决办法:在border="true"前加上一个冒号: 原来的: 修改后: ..
Invalid prop: type check failed for prop “required“. Expected Boolean, got String with value “true“.
z332302638的博客
03-03 5295
Invalid prop: type check failed for prop “required”. Expected Boolean, got String with value “true”.报错 解决办法： 在required前加 ‘：’
Invalid prop: type check failed for prop "disabled"
08-28
"Invalid prop: type check failed for prop "disabled""是一个Vue的警告信息，意味着在props中定义的disabled属性的类型检查失败。预期的类型是布尔值，但实际传入的类型是字符串，并且错误信息中给出了具体的值。 根据引用的信息，我们可以看到在使用a-input组件时，disabled属性的值没有正确传递，缺少了冒号(:)。正确的写法应该是`:disabled="true"`。 另外，引用中的错误信息显示了disabled属性的值是一个字符串"isdisabledFn()"，而不是预期的布尔值。这表明在在设置disabled属性时，使用了一个方法而不是直接的布尔值。 为了解决这个问题，你可以查阅element-UI的文档，了解disabled属性的正确使用方法。通常来说，disabled属性可以接收一个布尔值作为参数来控制按钮的可用性。你可以通过computed属性或者methods方法来根据不同的情况返回相应的布尔值，然后将其赋值给disabled属性。例如，你可以在computed属性中定义一个方法isdisabledFn()，根据条件判断返回true或者false，然后将其赋值给disabled属性。这样就可以动态地控制按钮的可用性了。 同样的方法也适用于el-input的readonly属性或其他组件的类似属性。你可以根据不同的条件来判断是否将其设置为只读或者禁用。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [控制台报错Invalid prop: type check failed for prop “disabled](https://blog.csdn.net/zhaogui_2/article/details/126947712)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [[Vue warn]: Invalid prop: type check failed for prop “disabled](https://blog.csdn.net/weixin_44272792/article/details/107615192)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值