Vue reported an error: Cannot read property 'toLowerCase' of undefined "

<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>

when you click on the number of pages to modify, or the number of entries displayed on each page will report the following error

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

how do I correct this error?

Vue.js front-end

Mar.16,2021

There is no problem with

paging. Your code

in the size-change event

because you called the string method in the function handleSizeChange , toLowerCase , but the value you get is undefined, which does not have a string method.

is my own problem in the size-change function, and the parameters are not passed correctly

Previous: Does px2rem not fit ipad and Nexus 10?

Next: What is the level of support of grid on mobile browsers?

How to use the mobile SPA developed by vue2.0 to call the navigation and calling function of the mobile phone?
want to use vue2.0 to develop a small web application for the company, running on the mobile side. How can the above functions be achieved? ...

Mobile-web vue.js front-end html5 javascript

Feb.26,2021
Vue traverses the substitution array
first of all, there is such a piece of data list[ zhangsan , lisi , wangmazi ] people[ { name: zhangsan , username: },{ name: lisi , username: },{ name: wangmazi , username: } ] then the qu...

Html vue.js front-end es6 javascript

Mar.01,2021
After the package is developed and packaged with webpack, it is quoted as' NODE_ENV' of undefined'in the project.
I referenced the components of element and wanted to transform it into my own UI library. After packaging, I introduced the project, npm run dev and reported the following error: introduced package: node_modules ipst dist ipst.js error: Uncaught T...

Vue.js front-end node.js webpack

Mar.02,2021
What is the problem that the main.js of the vue project packaged with webpack is too large?
using the vue project packaged with webpack, the main.js in the dist directory has a large number of base64 characters. what is the cause of this? ...

Html5 javascript vue.js front-end-engineering webpack

Mar.03,2021
Webpack 95% emitting, can be started.
95% emitting, it can be started normally. What is the reason for this? Will affect later operations? ...

Javascript webpack vue.js front-end

Mar.03,2021
Layout height is 100% problem
how can I make the height of -sharpapp full screen? ...

Webpack vue.js front-end html css

Mar.05,2021
How to solve the online Cross-Domain problem by axios
because the sever side belongs to someone else, you can only handle cross-domain requests at the front end axios how to deal with cross-domain problems. My configuration in proxyTable only works locally Cross-domain problems occur again in the...

Javascript webpack vue.js front-end

Mar.05,2021
About the vue data-driven problem?
questions and requirements: it is said that vue is data-driven, so for requirements similar to accordion (click on a li, to display the contents of the corresponding li, how can it be achieved through data-driven without operating dom? ) such as the f...

Vue.js front-end html5 javascript

Mar.05,2021
The implementation scheme of vue: generating route (dynamic route) according to the value from the background
the company wants to do a background management system, and then different roles may correspond to different left menus, that is, a dynamic route, and everyone can see different things. I have seen the document of "Flower underpants " before, that is,...

Vue.js front-end html5 javascript

Mar.06,2021
Vue+webpack the same project how to achieve two templates (mobile phone side and PC side), automatically switch templates according to different devices?
for example, personal mini projects need to support both pc and mobile. so it s best to work on a project, which is convenient and convenient. I use vue-cli scaffolding. Do not know how to distinguish between the pc side and the mobile side to write ...

Vue.js Front-end-Construction-of Front-end-Engineering vue-cli webpack

Mar.07,2021
Vue-element-admin problem
this "home page " tabs tag card and the left menu are bundled with routes. When you open a lot of pages, switching tabs tag cards will also load routes. Is there any way to prevent tabs switching from reloading routes and leaving the content unchang...

Element-ui vue.js front-end-framework javascript

Mar.07,2021
What are the routing and permission issues of the vue project page deployed by nuxt?
when users are not logged in, they enter the login page by default, while the login page has a "about us " button. Click to enter the page about us. Click on this.$router.,. Now the problem is to enter the page about us from the login page, refresh and ...

Javascript nuxt.js vue.js front-end

Mar.11,2021
The problem that dynamic rendering data can not be traversed when getting elements through class
according to the data returned by the background, it is displayed on the page (commodity editing function). The data is an array that needs to be rendered in a loop (but there is a set of arrays in it). The interior of the circular rendering also includ...

Vue.js front-end javascript

Mar.18,2021
How does Render in Vue.js trigger events for custom components?
if I want to use the page component of iView in render, how can I trigger its on-change event? this is written in render, but there is no response ...

Vue.js front-end node.js html5 javascript

Mar.18,2021
Vue multi-layer communication, the picture can not be displayed, there is display:none! important
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue< title> < head> <body> <div id="app"> <mparent :imgsrc="img" :title=&quo...

Vue.js front-end javascript

Mar.18,2021
How does Vue write floating ads?
vue htmltemplate jsvardatavue$refs start it in the updated hook, because other hooks will not catch it (it s useless to put it in mounted) but the advertisement doesn t move. How should I write it? PS: doesn t need the code here. It just wants t...

Vue.js front-end html5 html javascript

Mar.19,2021
How to omit the content of x-axis label text in Echarts
requirements: for example, the words "wed " on the x-axis above, if there are too many words, will squeeze out the values on both sides. Now I want to keep the three-digit ellipsis display for him too long, indicating that the contents in the pop-up w...

Javascript vue.js front-end echarts

Mar.28,2021
How can pages opened by localtion.href in a vue project be cached by router?
Project is an H5 page, nested in Mini Program A page is a list loaded at the bottom of the scroll B page is a detail page When the A page clicks on an item, use location.href = b to jump to page B (because when Mini Program uses the forwardin...

Vue-router vue.js front-end

Mar.28,2021
Vue global routing beforeEach execution judgment is an error
prompts you to report an error when verifying whether it is a Wechat browser: : Global routing judgment Code: router.beforeEach((to,from,next)=>{ title const title = to.meta && to.meta.title; if (title) { document.title =...

Javascript router vue.js front-end html5

Mar.28,2021
Momentjs compares the difference between the two times by one day and eight hours.
start = +new Date() now = +new Date() time = moment(now - start) console.log(time.format( D H mm ss )) output is: 1 8 00 00 refer to the momentjs file as: http: apps.bdimg.com libs mo. what s going on? I hope to correctly compare the differenc...

Timestamp vue.js front-end javascript moment.js

Apr.02,2021