鍍金池/ 問答/HTML/ Element UI分頁方法調(diào)用的問題，為什么不執(zhí)行@size-change中寫

Element UI分頁方法調(diào)用的問題，為什么不執(zhí)行@size-change中寫的方法？

  1. 由于我的頁面上有多個數(shù)據(jù)列表，我把相對應(yīng)的數(shù)據(jù)的方法都整合在一個方法中，然后再返回整合方法中的方法。代碼是這樣的：

script
圖片描述

template
圖片描述

  1. 代碼就是這樣，但是，如果我點擊更改每頁條數(shù)，能切換出正確的頁數(shù)，但是無法執(zhí)行usecaseMetheds().pageSizeChange 里的方法，如圖：

默認(rèn)時
圖片描述

點擊切換成1條/頁后
圖片描述

并沒有輸出limit的值
圖片描述

回答
編輯回答
墻頭草
綁定事件監(jiān)聽器。事件類型由參數(shù)指定。表達(dá)式可以是一個方法的名字或一個內(nèi)聯(lián)語句，如果沒有修飾符也可以省略。

如果vue當(dāng)你是方法的名字，methods['usecaseMetheds().pageSizeChange']是undefined，不是Function那繼續(xù)解析，vue當(dāng)你是內(nèi)聯(lián)語句usecaseMetheds().pageSizeChange是屬性訪問返回Function，并不會執(zhí)行。

usecaseMetheds().pageSizeChange()

v-on

2018年1月9日 06:15
編輯回答
礙你眼

昨天的問題已經(jīng)解決！
解決方法：
在分頁事件中傳入原始event事件，即$event關(guān)鍵字，@size-change="usecaseMethods().pageSizeChange($event)"

圖片描述

2018年3月20日 00:06