vue 循环加载数据并获取第一条记录
2017-06-14 18:14
357 查看
最近使用elment ui和vue.js,遇到需要像c:foreach类似的效果,就找了
vue的API:https://cn.vuejs.org/v2/guide/list.html#v-for-with-v-if
element ui:http://element.eleme.io/#/zh-CN/component/input
用法:
vue的API:https://cn.vuejs.org/v2/guide/list.html#v-for-with-v-if
element ui:http://element.eleme.io/#/zh-CN/component/input
用法:
<el-card class="box-card" v-for="(month,index) in monthdata" v-if="index==0" v-bind:month="month" v-bind:index="index"> <div slot="header" class="clearfix"> <span style="line-height: 36px;font-size:17px ;color:#666 ;"> <i style="color:#20a0ff ;font-style: normal;"> {{ index }} - {{ month.C_YEAR_MONTH }}</i> 月度目标 </span> <i style="float: right;color:#20a0ff;line-height: 36px;cursor: pointer;" class="el-icon-caret-bottom" v-on:click="change()"></i> </div> </el-card>index就是索引,从0开始,v-if="index==0"就是获取数据集合的第一个,如果展示全部就不要加此条件
相关文章推荐
- SQL分组获取记录的第一条数据——PARTITION BY
- SQL语句分组获取记录的第一条数据的方法
- mysql查询获取分组后最新的一条记录,策略:先排序,然后在次分组查询(默认第一条),就是最新的一条数据了
- vue 循环出来的数据不能记录长度
- SQL语句分组获取记录的第一条数据的方法
- Visual Studio 2017 - Windows应用程序打包成exe文件(2)- Advanced Installer 关于Newtonsoft.Json,LINQ to JSON的一个小demo mysql循环插入数据、生成随机数及CONCAT函数 .NET记录-获取外网IP以及判断该IP是属于网通还是电信 Guid的生成和数据修整(去除空格和小写字符)
- vue-cli中vue-scroller的详细用法,上拉加载下拉刷新,vue-axios获取数据的详细过程
- SQL语句分组获取记录的第一条数据
- SQL语句分组获取记录的第一条数据的方法
- Sql中获取一项记录在某一组数据中的位置(C#+SqlServer)
- 20110215 学习记录:ASP获取新添加数据的ID号 SELECT @@IDENTITY
- 获取ListView显示数据的行数 记录数
- SQL在各种数据库中获取随机数据记录
- SQLserver 获取数据表新插入记录ID方法---SCOPE_IDENTITY与@@INDENTITY的区别
- bboss taglib 通过数据加载器获取数据的分页/列表标签
- 一次性循环插入 5000条 记录到sqlserver 数据中
- 在jsp中选中checkbox后 将该记录的多个数据获取,然后传到Action类中进行后台处理 双主键情况下 *.hbm.xml中的写法
- 大数据量下快速获取 SQL Server 数据库表记录数的方法
- 大数据量下快速获取 SQL Server 数据库表记录数的方法
- 插入数据后, 获取该记录id的方法