猿问

Element UI分页方法调用的问题,为什么不执行@size-change中写的方法?

  1. 由于我的页面上有多个数据列表,我把相对应的数据的方法都整合在一个方法中,然后再返回整合方法中的方法。代码是这样的:

script

template
https://img4.mukewang.com/5cabf95900015bd705650257.jpg

  1. 代码就是这样,但是,如果我点击更改每页条数,能切换出正确的页数,但是无法执行usecaseMetheds().pageSizeChange 里的方法,如图:

默认时
https://img4.mukewang.com/5cabf95d0001197305940085.jpg

点击切换成1条/页后
https://img2.mukewang.com/5cabf95e0001edd906170081.jpg

并没有输出limit的值
https://img2.mukewang.com/5cabf9610001b11005160164.jpg


Helenr
浏览 3741回答 2
2回答

明月笑刀无情

昨天的问题已经解决!解决方法:在分页事件中传入原始event事件,即$event关键字,@size-change="usecaseMethods().pageSizeChange($event)"

一只名叫tom的猫

绑定事件监听器。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句,如果没有修饰符也可以省略。如果vue当你是方法的名字,methods['usecaseMetheds().pageSizeChange']是undefined,不是Function那继续解析,vue当你是内联语句usecaseMetheds().pageSizeChange是属性访问返回Function,并不会执行。usecaseMetheds().pageSizeChange()v-on
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答