亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

elementUI table表格動態合并的示例代碼

2019-11-19 11:33:29
字體:
來源:轉載
供稿:網友

1.最近在做的erp項目,有一個需求是同一個客戶下的同種訂單,需要合并展示。使用elementUI table組件的方法 :span-method="objectSpanMethod"。官網上看了一下demo,做的很直白,不過不太符合業務。在網上找了篇文章參考了一下

2.效果圖如下:


在動態處理從后端拿回來的數據的時候,是需要從數據中找到一個唯一的“標識”去判斷是否是相同種類的數據。然后根據這個“標識”去做邏輯判斷。

3.代碼:

//合并單元格 二維數組-> 根據“標識”去遍歷數據data() {return {  spanArr: [], //遍歷數據時,根據相同的標識去存儲記錄  pos: 0 // 二維數組的索引}}// methods中定義方法getSpanArr(data) {let that = this//頁面展示的數據,不一定是全部的數據,所以每次都清空之前存儲的 保證遍歷的數據是最新的數據。以免造成數據渲染混亂that.spanArr = []that.pos = 0//遍歷數據data.forEach((item, index) => {  //判斷是否是第一項  if (index === 0) {    this.spanArr.push(1)    this.pos = 0  } else {    //不是第一項時,就根據標識去存儲    if (data[index].moldName === data[index - 1].moldName) {      // 查找到符合條件的數據時每次要把之前存儲的數據+1      this.spanArr[this.pos] += 1      this.spanArr.push(0)    } else {      // 沒有符合的數據時,要記住當前的index      this.spanArr.push(1)      this.pos = index    }  } })console.log(this.spanArr, this.pos)},// 列表方法objectSpanMethod({rowIndex, columnIndex}) {// 頁面列表上 表格合并行 -> 第幾列(從0開始)// 需要合并多個單元格時 依次增加判斷條件即可if (columnIndex === 3) {  // 二維數組存儲的數據 取出  const _row = this.spanArr[rowIndex]  const _col = _row > 0 ? 1 : 0  return {    rowspan: _row,    colspan: _col  }  //不可以return {rowspan:0, colspan: 0} 會造成數據不渲染, 也可以不寫else,eslint過不了的話就返回false} else {  return false}}created() {let data = xxxxxxxxxthis.getSpanArr(data)}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲精品wwww| 少妇高潮久久77777| 欧美性感美女h网站在线观看免费| 亚洲视频日韩精品| 亚洲一区亚洲二区亚洲三区| 亚洲一区二区三区四区在线播放| 国产亚洲一级高清| 欧美限制级电影在线观看| 欧美在线视频a| 亚洲成人性视频| 欧美肥婆姓交大片| 国产精品天天狠天天看| 国产成人在线亚洲欧美| 4p变态网欧美系列| 欧美激情在线观看视频| 国产成人一区二区三区电影| 欧美一区二区三区精品电影| 中文字幕国产精品久久| 亚洲综合国产精品| 日本精品视频在线观看| 国产乱人伦真实精品视频| 日韩一区av在线| 久久av在线播放| 午夜精品www| 91久久久久久久久久久| 这里只有视频精品| 国模精品视频一区二区| 国产精品久久久久久婷婷天堂| 欧美成人免费在线观看| 国产成人自拍视频在线观看| 欧美精品性视频| 欧美成人精品在线播放| 成人午夜高潮视频| 欧美午夜性色大片在线观看| 国产精品第一区| 国产成人亚洲综合青青| 成人免费看吃奶视频网站| 日本一区二区不卡| 国产欧美亚洲精品| 欧美精品18videosex性欧美| 欧美日韩国产成人| 中文字幕精品一区久久久久| 国产午夜精品免费一区二区三区| 国产91色在线|免| 国产精品女主播视频| 91久久夜色精品国产网站| 久久av中文字幕| 国产精品久久久久久久9999| 成人免费观看49www在线观看| 亚洲视频第一页| 欧美伊久线香蕉线新在线| 国产成人亚洲综合| 久久综合久中文字幕青草| 国产精品久久久久久久久久久久| 精品自在线视频| 国产欧美在线观看| 庆余年2免费日韩剧观看大牛| 日韩欧美aⅴ综合网站发布| 91免费看片网站| 亚洲精品国产美女| 亚洲一区久久久| 国产亚洲欧美视频| 国产精品在线看| 永久555www成人免费| 欧美一级成年大片在线观看| 九九热这里只有精品6| 亚洲高清av在线| 日韩在线观看你懂的| 亚洲free性xxxx护士hd| 欧美日韩免费区域视频在线观看| 欧美黑人巨大xxx极品| 日韩av成人在线观看| 国内精久久久久久久久久人| 国产精品久久久久久久av大片| 国产一区二区动漫| 久久久噜久噜久久综合| 亚洲高清福利视频| 亚洲国内高清视频| 久久福利网址导航| 欧美中文在线观看国产| 欧美日韩中国免费专区在线看| 亚洲2020天天堂在线观看| 国产一区二区三区高清在线观看| 91亚洲精品久久久| 奇米成人av国产一区二区三区| 国产精品黄色av| 日韩精品极品毛片系列视频| 日本精品视频在线观看| 在线看日韩欧美| 国产精品444| 成人a免费视频| 久久久精品一区二区| 国产视频综合在线| 国产玖玖精品视频| 91sao在线观看国产| 成人做爰www免费看视频网站| 亚洲另类图片色| 国产精品爽爽ⅴa在线观看| 欧美老女人bb| 欧美片一区二区三区| 欧美性猛交xxxx富婆| 午夜精品久久17c| 91成品人片a无限观看| 欧美精品久久一区二区| 午夜精品视频网站| 日韩精品在线观看视频| 亚洲色图15p| 欧美在线视频免费观看| 精品国产福利在线| 热久久免费国产视频| 欧美一性一乱一交一视频| 欧美日韩一区二区精品| 国产精品久久一区| 亚洲视频欧洲视频| 欧美富婆性猛交| 日韩av一区二区在线| 日本高清不卡的在线| 亚洲第一在线视频| 欧美高清性猛交| 国产日韩欧美影视| 久青草国产97香蕉在线视频| 亚洲天堂网在线观看| 日韩综合视频在线观看| 91精品久久久久久久久久久久久| 伊人成人开心激情综合网| 欧美日韩激情视频| 川上优av一区二区线观看| 亚洲一区二区三区四区在线播放| 午夜精品视频在线| 亚洲人成电影网| 午夜精品美女自拍福到在线| 青草成人免费视频| 国产精品一区二区久久久| 日韩在线观看免费网站| 久久人人爽人人爽人人片av高请| 97视频在线观看成人| 97久久超碰福利国产精品…| 久久九九国产精品怡红院| 91精品啪在线观看麻豆免费| 亚洲一区二区免费在线| 日本欧美爱爱爱| 日韩有码在线视频| 亚洲欧洲国产一区| 欧美精品999| 日韩免费精品视频| 97**国产露脸精品国产| 国产成人精品在线观看| 国产精品人成电影| 热re91久久精品国99热蜜臀| 国产精品女人网站| 国产日本欧美一区二区三区| 国模吧一区二区三区| 最好看的2019年中文视频| 欧美午夜女人视频在线| 亚洲精品国产精品国自产在线| 午夜伦理精品一区| 日韩中文字幕在线| 欧美精品在线第一页| 九九热最新视频//这里只有精品| 久久五月情影视| 日韩在线视频免费观看高清中文| 成人有码在线视频| 精品视频9999| 秋霞午夜一区二区|