时间:2021-07-01 10:21:17 帮助过:3人阅读
上一篇文章介绍了vuejs实现的简单分页,如果我有几个页面都需要有分页效果,不可能每个页面都去复制一下这段代码吧,意思是封装一下,变成通用的组件。
首先使用基础 Vue 构造器,创建一个“子类”,Vue.extend( options )
这儿创建了一个全局的pagenav,可以在其它地方都可以调用。
html代码
css代码
新建一个vue对象实例
简单的用js封装了一下分页组件。
实现效果
以上所述是小编给大家介绍的vuejs2.0实现分页组件使用$emit进行事件监听数据传递,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对PHP中文网的支持!
更多vuejs2.0实现分页组件使用$emit进行事件监听数据传递相关文章请关注PHP中文网!