vue 报错：Cannot read property 'toLowerCase' of undefined"

Question

<template>
  <div class="pagination">
    <el-row type="flex" justify="end" >
      <el-pagination
        background
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="currentPage"
        :page-sizes="pageSizes"
        :page-size="pageSize"
        :pager-count="5"
        layout="sizes, prev, pager, next, jumper"
        :total="total">
      </el-pagination>
    </el-row>
  </div>
</template>

点击页数修改时，或者每页显示条数 都会报如下错误

vue.esm.js?efeb:591 [Vue warn]: Error in event handler for "size-change": "TypeError: Cannot read property 'toLowerCase' of undefined"

怎么修改这个错误？

Answer 1

分页没有问题，错误在size-change事件里你的代码

Answer 2

因为你在handleSizeChange的函数中调用了字符串的方法，toLowerCase，但是你拿到的值是undefined，它没有字符串方法。

Answer 3

是自己在size-change函数 里的问题，参数没传对