在Vue中写了一个关于element-ui中分页器的公共方法，但是去获取不到每页显示的条数？

Question

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

}
这是我写的公共方法

当我试图获取val的时候，提示我 val undefind;

element-ui的案例中，是这样获取当前显示条数val的：

<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);
   }

}

Answer 1

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