vue.js 表格表单序号
vue.js 表格表单序号表格是动态的,通过v-for="(item,index) in sites"循环出来的表格 ,通过index属性,实现表格序号自增,结合页码和每页数量来进行处理。**<td >{{(current-1)*10+(index+1)}}**...
·
vue.js 表格表单序号
表格是动态的,通过v-for="(item,index) in sites" 循环出来的表格 ,通过index属性,实现表格序号自增,
结合页码和每页数量来进行处理。
**<td > {{(current-1)*10+(index+1)}}**
</td>
<!-- 手机号 -->
<td>
{{item.telephone}}
</td>
<!-- 姓名 -->
<td >
{{item.username}}
<!-- 授权角色 -->
<td >
{{item.role==1?"业主":item.role==2?"维修":item.role==3?"保洁":item.role==4?"安保":item.role==5?"技术支持":""}}
</td>
<!-- 体系认证 -->
<td>
{{item.checkstatus==1?"待审核":item.checkstatus==2?"已通过":item.checkstatus==3?"未通过":""}}
</td>
<!-- 证书编号 -->
<td>
{{item.authorization_no}}
</td>
<td >
<div style="display:none">{{item.authorizaiton_pic}}</div>
<a href="javascript:;" id="showPic_realame" @click="showPic($event)" data-target="#showpic" data-toggle="modal" v-bind:showpic="item.authorizaiton_pic">查看</a>
</td>
<td>{{item.create_date|formatTime('YMDHMS')}}</td>
<td v-bind:class="{red:(item.check_status==1)}">
<div style="display:none" >{{item.checkstatus}}</div>
{{item.checkstatus==1?"等待审核":item.checkstatus==2?"已通过":item.checkstatus==3?"已拒绝":""}}
</td>
第二页,序号从11开始。
current 是当前页数,10是每页显示的条数。
更多推荐
已为社区贡献12条内容
所有评论(0)