vuejs中怎么实现分页显示
vuejs中怎么实现分页显示?
vuetable listdata="{ { datalist} } " clickcallback="{ { callback} } "> /vuetable> pages pages="{ { @ pages} } " clickhandle="{ { search} } "> /pages> 其中vuetable组件负责数据展示功能,里面内容暂且不表,pages组件实现分页功能,如下: div> ul> li v-on="click:leftclick" v-show="leftbtn"> a> 《/a> /li> li class="pageindex" v-repeat="showlength" v-on="click:clickhandle(currentIndex+$index,$event)"> a> { { currentIndex+$index} } /a> /li> li v-on="click:rightclick" v-show="rightbtn"> a> /a> /li> /ul> /div> class为pageindex的 li 的点击事件里面将 要显示的index 传给 props传递过来的 clickhandle, clickhandle会根据index,返回后更新 datalist,完成分页功能。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: vuejs中怎么实现分页显示
本文地址: https://pptw.com/jishu/24190.html