记一次vue数据类型报错,控制台显示需要int类型,而传输了string类型

1、原始错误
Invalid prop: type check failed for prop “pageSize”. Expected Number with value 3, got String with value “3”.
2、定位错误(定位失败)
在这里插入图片描述
当我把this.getAll()给注释掉的时候,editSize方法运行,命令行不报错;
而console.log(typeof(val)),打印出来的类型也是number,console.log(typeof(this.currentSize))打印出来的也是number,这就让我犯了难
在这里插入图片描述

3、最后凭运气找到了错误,希望有大神能解释一下,大致知道一点错误原因,page-size属性如果不是用v-bind,将会把3解析为字符串,但是没想通为什么会影响后续正确的代码运行,而且后续用typeof测试类型输出也是正确的
在这里插入图片描述

4、el-pagination分页插件原代码

<el-pagination
        layout="total,sizes,prev, pager, next"
        :total="totalPage"
        :current-page="currentPage"
        :page-sizes="[3, 5, 7, 10]"
        page-size=3
        @current-change="editPage"
        @size-change="editSize"
      >
      </el-pagination>

5、更改方式
在这里插入图片描述
警告消除
在这里插入图片描述

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值