change_data (item) { //每次点击换一批触发这个方法let arr = item.behaviorList//换一换的总数据let page = item.behaviorListPage //页码let tol_num = arr.length //总数据有多少个//如果总共数量小于等于5条数据,换一换没有数据了,if (tol_num <= page*5) {//如果没有数据就从第一页开始this.pageRecode.forEach(mmm=>{if(mmm == item){mmm.behaviorListFive = []mmm.behaviorListPage = 1 //页码=1mmm.behaviorList.forEach((n,i)=>{if(i<5 ){ //回到初始化mmm.behaviorListFive.push(n)}})}})}else{page++//更改数据this.pageRecode.forEach(mmm=>{if(mmm == item){mmm.behaviorListFive = []mmm.behaviorListPage++ //页码增加1mmm.behaviorList.forEach((n,i)=>{if( i<page*5 && i>=(page-1)*5 ){ //5-9  用page==2代入mmm.behaviorListFive.push(n)}})}})}//刷新this.uploadDiv = false;this.$nextTick(()=>{this.uploadDiv = true;})},

vue中换一换 每次换5个相关推荐

  1. vue中利用scss实现整体换肤和字体大小设置

    一.前言 利用Sass预处理实现换肤和字体大小调整. 思路及达到的效果:字体大小的适配使用window.devicePixelRatio的值和需要调整的差量进行控制.页面初始化是的字体适配可以根据de ...

  2. vue中,点击button按钮后,页面上的input框再次自动获取焦点

    需求:点击button按钮,录入成功后,页面上的input框自动聚焦,快速进行下一次录入,提高效率 开始尝试了几种方法都没有成功 一.首先想到的用vue指令 v-focus,然而没有成功 <In ...

  3. Vue中实现表格隔行换色效果

    一.原理 在 Vue 中,进行表格行的循环输出时,一般使用 v-for 指令,每次循环都能得到该行的索引 index ,用每一行的索引除以2取余,余数等于1,可以使用一种颜色作为背景色,余数等于0,可 ...

  4. VUE:在VUE中实现效果换一换功能

    实现效果:假如有10条数据,分组展示,默认在当前页面展示4个,点击换一批,从第5个开始继续展示,到最后一组,再重新返回到第一组 data() {return {qList: [],//处理后的list ...

  5. vue 中生成带logo的二维码vue-qr(可换背景) 利用qrcode生成二维码

    vue 中生成带logo的二维码 这里运用了一个插件 vue-qr npm install vue-qr --save <template><div><vue-qr :c ...

  6. vue+element如何一键换肤和保存换肤

    因为有人问我如何一键换肤,我就随手做个案例,因为随手写的,里面命名就很随意了,但是不影响阅读. 1:assets目录下建立一个theme.scss 代码如下: .black{.alldiv{backg ...

  7. (11/∞)每日一练{1.将一张100元钞票换成等值的10元,5元,2元和1元的小钞,每次换成40张小钞,要求每一种小钞都要有,编程求出所有可能的换法总数输出并输出各换法的组合。}

    /*------------------------------------------------------- 将一张100元钞票换成等值的10元,5元,2元和1元的小钞,每次换成40张小钞,要求 ...

  8. unity教程:unity中是如何实现游戏人物换装的

    现在的游戏,如果没有换装功能的话,可能会让人觉得非常以外:这个游戏连换装都没有?还能玩吗?真的,不知道大家有没有注意过,貌似绝大部分的游戏都设计到换装.比如热门的网络游戏LOL,DNF这些,LOL里面 ...

  9. vue + element-ui动态主题及网站换肤2021,亲测可用

    原文地址 猛击标题 预览主题切换效果 本文 git 仓库地址 猛击查看 本文主题换肤整体实现换肤思路是,定制多套 element-ui 主题,然后通过动态更改 link href样式文件来实现,最后结 ...

  10. android换手机怎么同步,换了新手机,怎么可以快速将旧手机上的信息迁移到新手机上?...

    每次换新手机,都会面临一个问题--怎样才能更方便地将旧手机资料转移至新手机,尤其是通讯录.短信.通话记录.日程.照片.音乐等资料.而将旧手机中的这些资料先上传至云盘.或拷贝到硬盘,再将其下载至新手机, ...

最新文章

  1. Python 用while 实现循环 到特定条件退出循环(input 输入错误之后重新输入)
  2. 八、LaTex中的表格
  3. 如何写_如何写博士论文?博士生如何写期刊论文?
  4. 新秀翻译(两)——使用Java通用配置模板方法模式
  5. 全网最新Spring Boot2.5.1整合Activiti5.22.0企业实战教程<流程挂起与激活篇>
  6. IPsec   在企业网中的应用
  7. jmeter 分布式
  8. python文件都是脚本吗_脚本语言系列之Python | Python文件IO
  9. 主存储器的技术指标有哪些?其含义是什么?
  10. iMazing for mac中文版苹果iOS设备管理器(已更新至v2.9.12版本)
  11. 【回归预测】基于matlab麻雀算法SSA优化混合核极限学习机KELM回归预测【含Matlab源码 1646期】
  12. 动易CMS - 模板的一些常用标签
  13. ⑥tiny4412 Linux驱动开发之LCD(framebuffer)驱动程序
  14. 大数据智能算法及测评技术
  15. _raw_writel, writel_relaxed 和 writel的区别
  16. php strict,PHP 5.4中的E_STRICT和E_ALL有什么区别?
  17. RAID5换硬盘重建记录
  18. github连接不上解决
  19. 3D-SKIPDENSESEG医学图像分割
  20. Control Groups示例

热门文章

  1. 上海开放大学大学英语计分作业二答案
  2. 河北考试计算机二级成绩查询时间,2019年9月河北计算机二级考试成绩查询时间...
  3. Unity动态添加tag
  4. Java 四舍五入求百分数 保留两位保留整数
  5. eclipse代码颜色设置
  6. obsidian之腾讯云图床+picgo设置指南
  7. Low-Rank Adaption
  8. 视频URL地址获取神器:疯狂URL 视频及直播源地址获取
  9. linux(manjaro)下安装jlink驱动
  10. Web前端培训项目实战—华为荣耀商城