最近使用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
用法:
<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"就是获取数据集合的第一个,如果展示全部就不要加此条件
以上这篇vue 循环加载数据并获取第一条记录的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
继续阅读与本文标签相同的文章
-
微功能号:不需要借助任何辅助工具!微功能号给你美妙的多群直播体验
2026-05-18栏目: 教程
-
加快检测速度以减缓埃博拉疫情:智能手机应用程序改变了对刚果
2026-05-18栏目: 教程
-
微信小程序前景大好,寻找第三方公司进行开发靠谱吗?
2026-05-18栏目: 教程
-
谷歌翻脸无用,华为淡然应对,成功挽回海外市场
2026-05-18栏目: 教程
-
申请入驻小程序付费吗?自主开发和第三方公司开发应该如何选择?
2026-05-18栏目: 教程
