将Pagination的上一页下一页变为<上一页 下一页>
时间: 2023-08-27 21:17:22 浏览: 163
vue分页器组件跳转下一页上一页
3星 · 编辑精心推荐
根据引用中的前端模板处理代码,将Pagination的上一页和下一页变为<上一页 下一页>,可以对代码进行如下修改:
```html
<ul class="pagination">
{{if page<=1}}
<li class="disabled"><a href="javascript:;"><上一页</a></li>
{{else}}
<li><a href="/poem?page={{page-1}}"><上一页</a></li>
{{/if}}
{{each totalPages}}
代码略...
{{/each}}
{{if page>=totalPages.length}}
<li class="disabled"><a href="javascript:;">下一页></a></li>
{{else}}
<li><a href="/poem?page={{page+1}}">下一页></a></li>
{{/if}}
</ul>
```
这样修改后,上一页和下一页的按钮文本就变为了<上一页和下一页>。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [服务端分页实现上一页和下一页的启用和禁用](https://blog.csdn.net/yyz0916/article/details/107129772)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [vue一个简单的上下翻页,位于首页时上一页不可点击](https://blog.csdn.net/weixin_41324295/article/details/111878001)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文