Write a public method about the pager in element-ui in Vue, but get less than the number of entries displayed per page?

 <el-pagination 
    :current-page="currentPage" 
    @size-change="$utils.handleSizeChange(val)" 
    :page-sizes="[100, 20, 30, 40]" 
    layout="total, sizes, prev, pager, next, jumper" 
    :total=pageTotal>
</el-pagination>





export default {
handleSizeChange(val) {
    alert(val)
}

}
this is the public method I wrote

when I try to get val, prompt me for val undefind;

In the case of

element-ui, the number of val currently displayed is obtained as follows:

clipboard.png

< el-pagination

    :current-page="currentPage" 
    @size-change="handleSizeChange" 
    :page-sizes="[100, 20, 30, 40]" 
    layout="total, sizes, prev, pager, next, jumper" 
    :total=pageTotal>
</el-pagination>

methods: {

   handleSizeChange(val){
      console.log(val);
   }

}

Mar.15,2021

<el-pagination 
    :current-page="currentPage" 
    @size-change="$utils.handleSizeChange"  //  val
    :page-sizes="[100, 20, 30, 40]" 
    layout="total, sizes, prev, pager, next, jumper" 
    :total=pageTotal>
</el-pagination>
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3b121-2c25e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3b121-2c25e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?