解决Vue项目的报错[Vue warn]: Invalid prop: type check failed for prop “width“. Expected Number with value 1

最新推荐文章于 2024-04-26 16:47:03 发布
最新推荐文章于 2024-04-26 16:47:03 发布
阅读量4.3k 收藏 3
点赞数 6
文章标签： vue vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gwypy/article/details/111243112
版权

最近在自己写vue项目练习，组件之间传值的时候发生了这样一个错误
在这里插入图片描述

报这个错，我一开始以为是子组件接收的时候，数据类型和父组件对应不上导致的。但是检查后发现数据类型是一样的，都是Number;

虽然不影响功能实现，但控制台会报错

报错代码：

<login-btn width="100"></login-btn>

解决方法：组件传递的参数前加冒号

<login-btn :width="100"></login-btn>
只不过碎银几两
关注
  • 6
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
主要介绍了解决vue net :ERR_CONNECTION_REFUSED报错问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
10-14
主要介绍了VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339）
10-14
主要介绍了vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
主要介绍了Vue 报错TypeError: this.$set is not a function 的解决方法，分享给大家，需要的朋友们下面随着小编来一起学习学习吧
解决报错：[Vue warn]: Invalid prop: type check failed for prop “width“. Expected Number with value 450
机智大头
01-10 3522
我在父组件给子组件传值的时候发生了错误， 这个报错并没有影响功能，我传递的宽度width，在子组件获取到了。但是有报错看着很不舒服，经过仔细检查发现，在width前面加上v-bind,就可以解决这个报错： v-bind:也可以直接缩写成: 小贴士： v-bind绑定的是动态的表达式，而非固定的字符串，在v-bind后，就可以动态获取数据。 可以将v-bind理解为： 被v-bind修饰的都是动态获取的值。 ...
[Vue warn]: Invalid prop: type check failed for prop “width“. Expected Number with value
qq_14993591的博客
03-24 1848
解决 <el-switch :width="100"></el-switch> 解决Vue项目的报错[Vue warn]: Invalid prop: type check failed for prop “width“. Expected Number with value 1
vue报错解决方案 [Vue warn]: Invalid prop: type check failed for prop “width“. Expected Number w
weixin_45330738的博客
10-21 5159
组件1 helloword组件（默认页） <template> <div class="hello"> <el-menu :default-active="'2-1'" class="el-menu-demo" > <el-col> <el-menu-item index="1">处理中心</el-menu-item> <el-submenu index='2'> <template slot=".
Invalid prop: type check failed for prop “width“. Expected Number with value 150, got String with
Z1366566161664的博客
12-27 583
今天不小心遇到一个这样的错误，我先来发一下错误的代码把（这个代码允许可以执行，但是这个组件的element-ui的组件，这个组件是进度条的一个组件）正确代码（就是少加了个 ： 这个符号）
vue.runtime.esm.js:4605 [Vue warn]: Invalid prop: type check failed for prop “disabled“. Expected Bo
2201_75705263的博客
07-17 2423
翻译为：Vue .runtime.esm.js:4605 [Vue warn]:无效的prop:类型检查失败的prop "disabled"。预期的布尔值，得到值为"true"的字符串。解决办法：把变量数据disabled类型改为布尔型；
解决vue安装less报错Failed to compile with 1 errors的问题
01-18
1、创建vue项目后安装less，执行 npm install less less-loader –save-dev 下载版本为：[email protected] ， [email protected]，重启服务报错，报错信息如下： 2、报错原因 less 本版太高需要降低版本，执行代码 先移除之前版本： npm uninstall less-loader 下载指定版本： npm install [email protected] -D 3、重启代码就可以了，若还是报错可移除文件node_modules，重新下载cnpm install 补充知识：vue项目运行报错：94% asset opt
Vue.js报错Failed to resolve filter问题的解决方法
10-22
主要介绍了Vue.js报错Failed to resolve filter问题的解决方法,需要的朋友可以参考下
解决vue项目报错webpackJsonp is not defined问题
10-18
下面小编就为大家分享一篇解决vue项目报错webpackJsonp is not defined问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue打包后刷新页面报错：Unexpected token
12-12
前言 今天遇到了一个很怪的问题，在vue-cli+webpack的项目中，刷新特定页面后页面会变空白，报错为index.html文件中Unexpected token <。 怪点一是开发环境没有问题，只有生产环境有问题，怪点二是只有一个页面有问题，其他页面完全正常 正文 报错截图： 根据上面的情况和以往经验，应该在index.html页面及发生错误的页面定位问题，但均解决不了问题。 最后找到此项目的路由处，经过多次测试，解决问题，也确定了问题原由，原来是：路由中path的值不能以小写m开头，否则就会报上面的错误。 在此写下报错环境及条件： vue版本：2.5.2 vue-router：3.0
解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4
01-03
解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4问题问题分析解决办法一解决办法二 解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4 系统：Win10 编辑器：VSCode 问题 使用 VSCode 在写 Vue 项目的时候，出现报错 Expected indentation of 2 spaces
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
01-08
1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者：itwangyang520
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
解决vue打包后刷新页面报错：Unexpected token <
10-16
主要介绍了解决vue打包后刷新页面报错：Unexpected token <相关知识点，需要的朋友们参考下。
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 381
步骤很详细，直接上教程……
vue报错[Vue warn]: Invalid prop: type check failed for prop "list". Expected Object, got Array
07-29
常见报错-[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got Object](https://blog.csdn.net/weixin_55181759/article/details/116981647)[target="_blank" data-report-click={...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值