Vue中控制v-for循环次数的实现方法


Posted in Javascript onSeptember 26, 2018

在Vue中的遍历方法v-for控制循环次数的方法可以通过以下两种方法

1.截取循环的数据

v-for="(item,index) in domainList.slice(0, 2)"

用这样的方法可以截取循环的数据长度,从而控制循环的次数

2.通过v-if来控制

v-for="(item,index) in domainList" v-if="index<3"

在标签下紧跟v-if来进行控制,这里是用索引来进行控制的,所以循环的时候记得把index这个参数加到v-for循环中。此致。

以上这篇Vue中控制v-for循环次数的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript下IE与Firefox下的差异兼容写法总结
Jun 18 Javascript
JavaScript中也使用$美元符号来代替document.getElementById
Jun 19 Javascript
Javascript this 的一些学习总结
Aug 31 Javascript
JS设置获取cookies的方法
Jan 26 Javascript
jQuery遍历Table应用示例
Apr 09 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
Apr 11 Javascript
jquery实现全选、反选、获得所有选中的checkbox
Sep 13 Javascript
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
Jan 20 Javascript
三种AngularJS中获取数据源的方式
Feb 02 Javascript
js实现的在线调色板功能完整实例
Dec 21 Javascript
微信小程序开发中var that =this的用法详解
Jan 18 Javascript
原生js实现html手机端城市列表索引选择城市
Jun 24 Javascript
web页面和微信小程序页面实现瀑布流效果
Sep 26 #Javascript
Vue2.5学习笔记之如何在项目中使用和配置Vue
Sep 26 #Javascript
Vue监听事件实现计数点击依次增加的方法
Sep 26 #Javascript
在vue 中使用 less的教程详解
Sep 26 #Javascript
vue如何进行动画的封装
Sep 26 #Javascript
vue使用rem实现 移动端屏幕适配
Sep 26 #Javascript
ExtJs使用自定义插件动态保存表头配置(隐藏或显示)
Sep 25 #Javascript
You might like
资料注册后发信小技巧
2006/10/09 PHP
php session处理的定制
2009/03/16 PHP
php判断类是否存在函数class_exists用法分析
2014/11/14 PHP
PHP回调函数与匿名函数实例详解
2017/08/16 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
Yii框架实现对数据库的CURD操作示例
2019/09/03 PHP
兼容Mozilla必须知道的知识。
2007/01/09 Javascript
原生javascript模仿win8等待提示圆圈进度条
2014/04/24 Javascript
javascript针对cookie的基本操作实例详解
2015/11/30 Javascript
Javascript之String对象详解
2016/06/08 Javascript
轻松掌握JavaScript装饰者模式
2016/08/27 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
2017/01/08 Javascript
Bootstrap导航条学习使用(一)
2017/02/08 Javascript
在js代码拼接dom对象到页面上去的模板总结(必看)
2017/02/14 Javascript
mustache.js实现首页元件动态渲染的示例代码
2020/12/28 Javascript
[01:06:42]VP vs NewBee Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
python中map()与zip()操作方法
2016/02/27 Python
Python3.6正式版新特性预览
2016/12/15 Python
Python Nose框架编写测试用例方法
2017/10/26 Python
python+selenium实现163邮箱自动登陆的方法
2017/12/31 Python
使用python爬取B站千万级数据
2018/06/08 Python
Python实现获取系统临时目录及临时文件的方法示例
2019/06/26 Python
python把ipynb文件转换成pdf文件过程详解
2019/07/09 Python
利用ImageAI库只需几行python代码实现目标检测
2019/08/09 Python
python seaborn heatmap可视化相关性矩阵实例
2020/06/03 Python
python缩进长度是否统一
2020/08/02 Python
Python操作Excel的学习笔记
2021/02/18 Python
纯CSS3代码实现switch滑动开关按钮效果
2016/08/30 HTML / CSS
温泉秘密:Onsen Secret
2020/07/06 全球购物
小学岗位竞聘方案
2014/01/22 职场文书
单位租房协议书范本
2014/12/04 职场文书
任命书标准格式
2015/03/02 职场文书
大学生自荐信范文
2015/03/05 职场文书
公司庆典主持词
2015/07/04 职场文书
2015年初中教师个人工作总结
2015/07/21 职场文书
Windows Server 修改远程桌面端口的实现
2022/06/25 Servers