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的document对象和window对象详解
Dec 30 Javascript
jquery控制左右箭头滚动图片列表的实例
May 20 Javascript
jQuery获取Radio,CheckBox选择的Value值(示例代码)
Dec 12 Javascript
简介JavaScript中的setHours()方法的使用
Jun 11 Javascript
基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
Dec 28 Javascript
js制作网站首页图片轮播特效代码
Aug 30 Javascript
javascript的几种写法总结
Sep 30 Javascript
省市区三级联动jquery实现代码
Apr 15 Javascript
JS判断是否手机或pad访问实现方法
Dec 09 Javascript
AngularJS集合数据遍历显示的实例
Dec 27 Javascript
JavaScript中的E-mail 地址格式验证
Mar 28 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 jQuery
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
使用cookie实现统计访问者登陆次数
2013/06/08 PHP
在PHP 7下安装Swoole与Yar,Yaf的方法教程
2017/06/02 PHP
一页面多XMLHttpRequest对象
2007/01/22 Javascript
js data日期初始化的5种方法
2013/12/29 Javascript
JavaScript实现把rgb颜色转换成16进制颜色的方法
2015/06/01 Javascript
javascript弹出拖动窗口
2015/08/11 Javascript
jquery表单验证需要做些什么
2015/11/17 Javascript
Jquery Mobile 自定义按钮图标
2015/11/18 Javascript
使用jquery提交form表单并自定义action的实现代码
2016/05/25 Javascript
javascript函数中的3个高级技巧
2016/09/22 Javascript
深入解析js轮播插件核心代码的实现过程
2017/04/14 Javascript
nodejs利用ajax实现网页无刷新上传图片实例代码
2017/06/06 NodeJs
javaScript实现一个队列的方法
2020/07/14 Javascript
Vue项目开发常见问题和解决方案总结
2020/09/11 Javascript
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
2021/01/29 Javascript
[01:56]生活中的妖精之七夕特别档
2016/08/09 DOTA
python中的实例方法、静态方法、类方法、类变量和实例变量浅析
2014/04/26 Python
Python虚拟环境Virtualenv使用教程
2015/05/18 Python
Python使用内置json模块解析json格式数据的方法
2017/07/20 Python
用python一行代码得到数组中某个元素的个数方法
2019/01/28 Python
python返回数组的索引实例
2019/11/28 Python
Python常用库大全及简要说明
2020/01/17 Python
python中字典增加和删除使用方法
2020/09/30 Python
美国最大的宠物用品零售商:PetSmart
2016/11/14 全球购物
ZINVO手表官网:男士和女士手表
2019/03/10 全球购物
花卉与景观设计系大学生求职信
2013/10/01 职场文书
中专药剂专业应届毕的自我评价
2013/12/27 职场文书
体育专业个人求职信范文
2013/12/27 职场文书
班级活动策划书
2014/02/06 职场文书
《少年王勃》教学反思
2014/04/27 职场文书
人事专员岗位职责
2015/02/03 职场文书
银行文明优质服务培训心得体会
2016/01/09 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书
如何将numpy二维数组中的np.nan值替换为指定的值
2021/05/14 Python
Pytorch 中net.train 和 net.eval的使用说明
2021/05/22 Python
Java中的Kotlin 内部类原理
2022/06/16 Java/Android