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

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

script
图片描述

template
图片描述

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

默认时
图片描述

点击切换成1条/页后
图片描述

并没有输出limit的值
图片描述

阅读 5.7k
2 个回答

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

图片描述

绑定事件监听器。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句,如果没有修饰符也可以省略。

如果vue当你是方法的名字,methods['usecaseMetheds().pageSizeChange']undefined,不是Function那继续解析,vue当你是内联语句usecaseMetheds().pageSizeChange是属性访问返回Function,并不会执行。

usecaseMetheds().pageSizeChange()

v-on

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题