VUE中父组件的变量与子组件的props相同,带来的很奇怪的错误

[Vue warn]: Invalid prop: type check failed for prop "current". Expected Number with value NaN, got String with value "[object Object]1".

found in

---> <TestActions> at components/test-actions/test-actions.vue
       <Root>

造成这个个错误的原因居然是:父组件的变量 current 与子组件的props名字相同,真是奇怪的错误,费了很长时间才解决,把变量名字改一下,就正常了

<test-actions :showSubmit="false" :current="current" :total="menus.length" @on-page="onPage" @open="handleOpenLeft"></test-actions>
		

props: {
			current: {
				type: Number,
				default: 1
			},
			total: {
				type: Number,
				default: 1
			},
			showSubmit:{
				type:Boolean,
				default:true
			}
		},

父组件修改变量名后解决:

<test-actions :showSubmit="false" :current="currentF" :total="menus.length" @on-page="onPage" @open="handleOpenLeft"></test-actions>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

桃花岛主70

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值