vue 循环加载数据并获取第一条记录的方法
编程学习 2021-07-04 16:46www.dzhlxh.cn编程入门
今天长沙网络推广就为大家分享一篇vue 循环加载数据并获取第一条记录的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
最近使用elment ui和vue.js，遇到需要像c:foreach类似的效果，就找了
vue的API：
element ui：
用法：
<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 循环加载数据并获取第一条记录的方法就是长沙网络推广分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持狼蚁SEO。