html部分  <div class="pages"><a@click="getData(data.pageNum - 1)":class="{ default: data.pageNum == 1 }">上一页</a><a@click.prevent="getData(item)":class="{ cur: data.pageNum == item }"v-for="item in data.pageCount":key="item">{{ item }}</a><a@click="getData(data.pageNum + 1)":class="{ default: data.pageNum == data.pageCount }">下一页</a></div>
export default {data() {return {data: {},};},mounted() {this.getData();},methods: {getData(page = 1) {const url = "news_select.php?pageNum=" + page;
// this.axios.get(`news_select.php?pageNum=${page}`).then((res) => this.axios.get(url).then((res) => {console.log(res);this.data = res.data;});},},<style lang="scss" scoped>
.pages {user-select: none;.default,.cur {// 不接受鼠标事件pointer-events: none;}
}

vue 上一页 下一页相关推荐

  1. php分页不跳转,分页源代码,分页时上一页下一页不显示,但可以跳转

    分页源代码,分页时上一页下一页不显示,但可以跳转 $sql="select * from product where pronum like'%$key%' or pdes like '%$ ...

  2. eayUi panel实现上一页下一页

    function 是为了第一次加载的时候显示页面 butt1和butt2触发上一页下一页,后面绑定参数即可 问题:.panel({href:href})到后台的时候会请求两次,这个问题还没有解决 把 ...

  3. html分页首页上一页下一页,HTML静态分页(形如:首页,上一页,下一页,尾页)...

    在HTML中有时候我们会用到静态分页,一次拿回一定量的数据结果条目,我们会以形如:第2页,共12页  首页 上一页 下一页 尾页 的方式进行静态分页,以下是该种静态分页的代码,供兄弟姐妹们参考. fu ...

  4. 用数据库的方式编辑上一页 下一页

    实现文章上一页  下一页的效果  通过调用数据库 using(SqlConnection con=new SqlConnection(@"server=..")) { Guid a ...

  5. php分页上一页下一页判断,一个分页函数:显示“上一页下一页”等

    '************************************************** '函数名:ShowPage '作 用:显示"上一页 下一页"等信息 '参 数 ...

  6. Asp.net(c#)GridView分页时用图片显示上一页,下一页

    Asp.net(c#)GridView分页时用图片显示上一页,下一页 效果展示: 需要的两张图片:    详细代码: Code <%@ Page Language="C#"  ...

  7. php 上一页 下一页代码,php无限上一页,下一页,求完善代码??

    php无限上一页,下一页,求完善代码?? mip版  关注:150  答案:4  悬赏:50 解决时间 2021-01-25 16:24 已解决 2021-01-24 18:25 $pagesize= ...

  8. html内容页上一页下一页,帝国CMS内容页增加内容分页上一页标签功能!

    帝国CMS一直以来升级没有提供内容分页的上一页标签功能,只有一个:内容页下一页[!--next.page--] 标签!所以下面就是要改造一下这个标签,实现内容页上一页的功能! 步骤如下: 打开e/cl ...

  9. Android开发实现上一页,下一页显示内容

    最近写了个上一页下一页显示Demo,感觉还是比较好实现!通过设置listview的每页item显示的个数,然后控制返回item的count实现点击按钮上一页下一页效果. 一,布局文件(若是想实现滑动的 ...

  10. 图片切换上一页 下一页

    切换图片 点击上一页切换到上一张,点击一下页切换到下一张 <!DOCTYPE html> <html><head><meta charset="UT ...

最新文章

  1. 《硝烟中的Scrum和XP》作者新作 《精益开发实战》
  2. 6年从华人首富到破产,这可能是史上最惨的接班案例
  3. muduo之Atomic
  4. C++ 函数部分(1)
  5. Struts2+Spring传参
  6. Kubernetes集群上的Apache Ignite和Spring第2部分:Kubernetes部署
  7. oracle 分组_大数据分组怎样才会更快
  8. python3中round的用法_Python 3标准库用法--reversed、round、set
  9. 夯实基础开新局--全国乡镇党委换届工作进展顺利
  10. 正则表达式(以后认真研究下)
  11. 数字电路基础知识——锁存器与触发器的建立时间和保存时间(一)
  12. 下列选项中 采用边界值平滑_2014年10月湖南自考:软件工程全真模拟试题二
  13. 稀土掘金首页沸点课程返场5折直播活动商城APP邀请有礼插件探索稀土掘金搜索创作者中心vip会员5Java查序的头像梳理流程引擎 Flowable 四大常见任务
  14. 《Redis系列第五篇、hset与hget的使用|CSDN创作打卡》
  15. 从自己的角度比较《天书夜读》和《寒江独钓》
  16. 大型网站架设,LMP+Nginx负载均衡+Keepalived热备+Ceph存储集群架构+Web动静分离架构
  17. AHRS和INS的区别
  18. #Paper Reading# Stochastic Optimization of Sorting Networks via Continuous Relaxations
  19. java音频剪辑_Java混剪音频
  20. dataframe排序 pd.rank()

热门文章

  1. [教程]Ubuntu20.04安装Node.js
  2. python画图添加数据标签_Matplotlib:plt.text()给图形添加数据标签
  3. 基于NDVI的植被覆盖度计算--Arcgis
  4. 数据库基准测试标准 TPC-C or TPC-H or TPC-DS
  5. B站拿什么保护我方up主,知识区?
  6. 最有价值的知识是方法的知识
  7. Exceptional Flow Control(异常控制流)
  8. 6款实惠好用的Windows Wi-Fi工具
  9. 【Kafka源码】ReplicaManager启动过程
  10. question2answer设置邮件通知