在分页中如果当前页在第一页或者最后一页我们需要分别禁用上一页或者下一页的a链接的跳转
在参考了这篇文章后写出了下列代码
禁用的属性为
pointer-events:none
代码使用了art-template模板
<!-- 分页 -->
<ul class="pagination">
<li>
<!-- 判断当前页数是否为第一页,是则添加pointer-events:none属性禁用a标签的跳转 -->
<a href="/admin/user?page=<%= page - 1 %>" style="<%= page==1 ? 'pointer-events:none' : ''%>">
<span>«</span>
</a>
</li>
<!-- 循环total 渲染出总页数 -->
<% for(var i = 1; i <= total; i++) {%>
<li>
<a href="/admin/user?page=<%= i %>"><%= i %></a>
</li>
<% } %>
<li>
<!-- 判断当前页数是否为最后一页,是则添加pointer-events:none属性禁用a标签的跳转, total为总页数-->
<a href="/admin/user?page=<%= page - 0 + 1 %>" style="<%= page==total ? 'pointer-events:none' : ''%>">
<span>»</span>
</a>
</li>
</ul>
<!-- /分页 -->