vue给列表添加序号_使用vue的v-for生成table并给table加上序号的实例代码

本文介绍了如何在Vue中使用v-for生成表格并结合分页插件显示数据。在分页查询后,通过Vue.nextTick方法确保DOM更新后添加序号,解决了分页时序号消失的问题。同时,文章详细解释了Vue异步更新队列的概念及其在数据和DOM更新中的应用。
摘要由CSDN通过智能技术生成

现在有一个使用mybatis的分页插件生成的table,table中数据是通过vue获得的 , 前台显示使用

后台vue获取数据使用分页插件进行查询然后使用回调,将结果返回给vue的一个model

/**

* 分页控件加载

* @param data

*/

function aspnetPagerInfoIM(pageDataShow,pageModule,resource, modelCallBack) {

var pageDataShow = $("#"+pageDataShow);

var pageModule = $("#"+pageModule);

pageDataShow.empty();

pageModule.empty();

resource.get({

page: '0'

}).then(function(response){

initLaypage(pageDataShow,pageModule,response.data, resource, modelCallBack);

modelCallBack(response.data.content);

})

}

/**

* 初始化分页组件

* @param page 查询出来的数据包括分页信息

* @param resource vue的resource对象

* @param modelCallBack 每次页面跳转回调方法 modelCallBack(response.data.content)

*/

function

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值