作者:wwaadd4055 | 来源:互联网 | 2022-01-24 22:58
分页的实现(Vue+Element)+输入框关键字筛选
1.这里用的是Element 自带的分页组件
{{ index+1>9?index+1:"0"+(index+1) }} |
{{cash.createTime}} |
{{cash.orderId}} |
{{cash.cilentName}} |
{{cash.cilentId}} |
{{cash.cilentPhone}} |
{{cash.cilentGrade}} |
¥{{cash.orderPrice}} |
{{cash.orderState}} |
{{cash.auditState}} |
{{cash.receiver}} |
{{cash.phone}} |
{{cash.address}} |
{{cash.orderRemark}} |
查看编辑删除 |
<-- 分页 -->
2.文中标红的字不再是循环数组,名字随意取,在后面搜索关键字部分也标红了。数据多分页效果会更加明显。
3.分页的CSS只是自己修改的部分,如有需要,请自行脑补。对了,补充一句,修改Eleement样式时,先在样式前加 /deep/.最外层类名{......}。
4.如有问题,欢迎指教。
附上效果图一份:

总结
以上所述是小编给大家介绍的Vue 实现分页与输入框关键字筛选功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!