在Vue中寫了一個(gè)關(guān)于element-ui中分頁器的公共方法，但是去獲取不到每頁顯示的條數(shù)？

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

}
這是我寫的公共方法

當(dāng)我試圖獲取val的時(shí)候，提示我 val undefind;

element-ui的案例中，是這樣獲取當(dāng)前顯示條數(shù)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);
   }

}