vue 表格序号按分类从1开始递增?

新手上路,请多包涵

1658127635167.png

阅读 1.8k
3 个回答

写个方法呗
根据每个类别的数量和当前的index
算出需要显示的处理后的序号
customRender出来

表格上显示的内容,一般是根据接口返回,然后前端渲染到页面的。
调试下看看序号的值?

对了,你用的是element-ui吗?还是其他UI组件?

对数据做一次预处理,前提是数据是经过排序的,看你提供的图,应该是ok的。

代码如下,未经测试,理解意思就好。

let i = 1
// 用来记录上一条数据的分类
let preItemType = ''
for(const item in list){
    const type = item['type']
    // 这里来判断当前行跟上一行的分类是否相同
    if(type === preItemType) i++
    else i = 1

    preItemType = type
    // 最终你就渲染这个字段就行了
    item.typeIndex = i
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题