zoukankan      html  css  js  c++  java
  • elementui分页报错Invalid prop:type check failed for prop total.Expected Number with value

    使用element-ui的分页时,页面报错

    报错:vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop “total”. Expected Number with value NaN, got Function

     刚开始在分页里绑定了分页的总数据

    <el-pagination class="pagination"
      :page-size="limit"
      background
      layout="prev, pager, next"
      :total="total"//这里!!
      :current-page="currentPage"
      @current-change="handleCurrentChange" >
    </el-pagination>

    但是在初始化赋值的时候写了total:’ ‘,解决方法是把’ '改成null就ok了

    data() {
          return {
            list:[],
            searchData:'',
            currentPage:1,
            limit:5,
            total:null//这儿
          }
        },

    问题总结:vue的基础报错有很多都是value的赋值问题造成的。可能是类型不一致,也有可能没有赋值或赋值错误,所以在开发的时候一定要注意这些细节。

  • 相关阅读:
    文件输出debug
    sweetalert
    js认清this的第一步
    Creating default object from empty value in PHP?
    matplotlib画图
    python解析库
    zabbix监控ssl证书过期时间
    aws 预留实例到期监控
    aws ec2挂载 s3
    aliyun挂载oss
  • 原文地址:https://www.cnblogs.com/cyhsmile/p/14109747.html
Copyright © 2011-2022 走看看