当前位置:Gxlcms > JavaScript > vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法_javascript技巧

vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法_javascript技巧

时间:2021-07-01 10:21:17 帮助过:3人阅读

这篇文章主要介绍了vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法,非常不错,具有参考借鉴价值,,需要的朋友可以参考下

上一篇文章介绍了vuejs实现的简单分页,如果我有几个页面都需要有分页效果,不可能每个页面都去复制一下这段代码吧,意思是封装一下,变成通用的组件。

首先使用基础 Vue 构造器,创建一个“子类”,Vue.extend( options )

这儿创建了一个全局的pagenav,可以在其它地方都可以调用。

html代码

css代码

新建一个vue对象实例

简单的用js封装了一下分页组件。

实现效果

以上所述是小编给大家介绍的vuejs2.0实现分页组件使用$emit进行事件监听数据传递,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对PHP中文网的支持!

更多vuejs2.0实现分页组件使用$emit进行事件监听数据传递相关文章请关注PHP中文网!

人气教程排行