element表格的多层级合并

已于 2023-12-07 09:34:38 修改
阅读量1.1k 收藏 4
点赞数 5
分类专栏： vue 文章标签： 前端
于 2022-04-14 11:56:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45818024/article/details/124168505
版权

两种方法：

       第一种通过数据的某个字段进行合并

       第二种根据行来合并

第一种效果如下

    <el-table
      ref="myTable"
      :span-method="objectSpanMethod"
      :data="tableData"
      border
    >
      <el-table-column
        :label="$t('global.process')"
        prop="process"
        align="center"
        width="120"
      />
      <el-table-column
        :label="$t('global.crew')"
        prop="crew"
        align="center"
        width="120"
      />
      <el-table-column
        :label="$t('global.productionPlanNumber')"
        align="center"
        prop="productionPlanNumber"
        width="140"
      />
      <el-table-column
        :label="$t('global.station')+'及'+$t('global.drillingCrew')"
        prop="stationAndDrillingCrew"
        align="center"
        width="120"
      />
      <el-table-column
        :label="$t('global.productName')"
        prop="productName"
        align="center"
        width="150"
      />
      <el-table-column
        :label="$t('global.productCode')"
        prop="productCode"
        align="center"
        width="150"
      />
      <el-table-column
        :label="$t('global.planToDispatch')"
        prop="planToDispatch"
        align="center"
        width="150"
      />
      <el-table-column
        :label="$t('global.actualProfit')"
        prop="actualProfit"
        align="center"
        width="150"
      />
      <el-table-column
        :label="$t('global.FPY')"
        prop="FPY"
        align="center"
        width="150"
      />
      <el-table-column
        :label="$t('global.badnessNum')"
        prop="badnessNum"
        align="center"
        width="150"
      />
      <el-table-column
        :label="$t('global.reworkNum')"
        prop="reworkNum"
        align="center"
        width="150"
      />
      <el-table-column
        :label="$t('global.scrapNum')"
        prop="scrapNum"
        align="center"
        width="150"
      />
      <el-table-column
        :label="$t('global.univalenceManhour')"
        prop="univalenceManhour"
        align="center"
        width="150"
      />
      <el-table-column
        :label="$t('global.crossClaim')"
        prop="crossClaim"
        align="center"
        width="150"
      />
      <el-table-column
        :label="$t('global.realWages')"
        prop="realWages"
        align="center"
        width="150"
      />
      <el-table-column
        :label="$t('global.summary')"
        prop="summary"
        align="center"
        width="150"
      />
    </el-table>

js代码：

data() {
    return {
      tableData: [
        {
          grandpaId: 1,
          fatherId: 11,
          id: 11,
          process: '工序一',
          crew: '啊切 ',
          productionPlanNumber: 'A0001',
          stationAndDrillingCrew: '工位一 机台二',
          productName: '测试demo',
          productCode: 'ABC001',
          planToDispatch: '100',
          actualProfit: '88',
          FPY: '88',
          badnessNum: '2',
          reworkNum: '5',
          scrapNum: '0',
          univalenceManhour: '100',
          crossClaim: '20',
          realWages: '600',
          summary: '600'
        },
        {
          grandpaId: 1,
          fatherId: 11,
          id: 112,
          process: '工序二',
          crew: '啊切 ',
          productionPlanNumber: 'A0001',
          stationAndDrillingCrew: '工位二 机台三',
          productName: '测试demo1',
          productCode: 'ABC001',
          planToDispatch: '100',
          actualProfit: '88',
          FPY: '88',
          badnessNum: '2',
          reworkNum: '5',
          scrapNum: '0',
          univalenceManhour: '100',
          crossClaim: '20',
          realWages: '600',
          summary: '600'
        },
        {
          grandpaId: 1,
          fatherId: 11,
          id: 113,
          process: '工序一',
          crew: '啊切 ',
          productionPlanNumber: 'A0001',
          stationAndDrillingCrew: '工位三 机台四',
          productName: '测试demo',
          productCode: 'ABC001',
          planToDispatch: '100',
          actualProfit: '88',
          FPY: '88',
          badnessNum: '2',
          reworkNum: '5',
          scrapNum: '0',
          univalenceManhour: '100',
          crossClaim: '20',
          realWages: '600',
          summary: '600'
        },
        {
          grandpaId: 1,
          fatherId: 11,
          id: 114,
          process: '工序一',
          crew: '啊切 ',
          productionPlanNumber: 'A0001',
          stationAndDrillingCrew: '工位一 机台二',
          productName: '测试demo',
          productCode: 'ABC001',
          planToDispatch: '100',
          actualProfit: '88',
          FPY: '88',
          badnessNum: '2',
          reworkNum: '5',
          scrapNum: '0',
          univalenceManhour: '100',
          crossClaim: '20',
          realWages: '600',
          summary: '600'
        },
        {
          grandpaId: 1,
          fatherId: 12,
          id: 115,
          process: '工序一',
          crew: '啊切 ',
          productionPlanNumber: 'A0001',
          stationAndDrillingCrew: '工位二 机台三',
          productName: '测试demo1',
          productCode: 'ABC001',
          planToDispatch: '100',
          actualProfit: '88',
          FPY: '88',
          badnessNum: '2',
          reworkNum: '5',
          scrapNum: '0',
          univalenceManhour: '100',
          crossClaim: '20',
          realWages: '600',
          summary: '600'
        },
        {
          grandpaId: 1,
          fatherId: 12,
          id: 116,
          process: '工序一',
          crew: '啊切 ',
          productionPlanNumber: 'A0001',
          stationAndDrillingCrew: '工位三 机台四',
          productName: '测试demo',
          productCode: 'ABC001',
          planToDispatch: '100',
          actualProfit: '88',
          FPY: '88',
          badnessNum: '2',
          reworkNum: '5',
          scrapNum: '0',
          univalenceManhour: '100',
          crossClaim: '20',
          realWages: '600',
          summary: '600'
        },
        {
          grandpaId: 1,
          fatherId: 12,
          id: 117,
          process: '工序一',
          crew: '啊切 ',
          productionPlanNumber: 'A0001',
          stationAndDrillingCrew: '工位一 机台二',
          productName: '测试demo',
          productCode: 'ABC001',
          planToDispatch: '100',
          actualProfit: '88',
          FPY: '88',
          badnessNum: '2',
          reworkNum: '5',
          scrapNum: '0',
          univalenceManhour: '100',
          crossClaim: '20',
          realWages: '600',
          summary: '600'
        },
        {
          grandpaId: 1,
          fatherId: 12,
          id: 118,
          process: '工序一',
          crew: '啊切 111',
          productionPlanNumber: 'A00011',
          stationAndDrillingCrew: '工位二 机台三',
          productName: '测试demo1',
          productCode: 'ABC001111',
          planToDispatch: '100',
          actualProfit: '88',
          FPY: '88',
          badnessNum: '2',
          reworkNum: '5',
          scrapNum: '0',
          univalenceManhour: '100',
          crossClaim: '20',
          realWages: '600',
          summary: '600'
        },
        {
          grandpaId: 2,
          fatherId: 13,
          id: 119,
          process: '工序二',
          crew: '啊切 ',
          productionPlanNumber: 'A0001',
          stationAndDrillingCrew: '工位三 机台四',
          productName: '测试demo',
          productCode: 'ABC001',
          planToDispatch: '100',
          actualProfit: '88',
          FPY: '88',
          badnessNum: '2',
          reworkNum: '5',
          scrapNum: '0',
          univalenceManhour: '100',
          crossClaim: '20',
          realWages: '600',
          summary: '600'
        },
        {
          grandpaId: 2,
          fatherId: 13,
          id: 1110,
          process: '工序二',
          crew: '啊切 ',
          productionPlanNumber: 'A0001',
          stationAndDrillingCrew: '工位一 机台二',
          productName: '测试demo',
          productCode: 'ABC001',
          planToDispatch: '100',
          actualProfit: '88',
          FPY: '88',
          badnessNum: '2',
          reworkNum: '5',
          scrapNum: '0',
          univalenceManhour: '100',
          crossClaim: '20',
          realWages: '600',
          summary: '600'
        },
        {
          grandpaId: 2,
          fatherId: 13,
          id: 1111,
          process: '工序二',
          crew: '啊切 ',
          productionPlanNumber: 'A0001',
          stationAndDrillingCrew: '工位二 机台三',
          productName: '测试demo1',
          productCode: 'ABC001',
          planToDispatch: '100',
          actualProfit: '88',
          FPY: '88',
          badnessNum: '2',
          reworkNum: '5',
          scrapNum: '0',
          univalenceManhour: '100',
          crossClaim: '20',
          realWages: '600',
          summary: '600'
        },
        {
          grandpaId: 2,
          fatherId: 13,
          id: 1112,
          process: '工序二',
          crew: '啊切 ',
          productionPlanNumber: 'A0001',
          stationAndDrillingCrew: '工位三 机台四',
          productName: '测试demo',
          productCode: 'ABC001',
          planToDispatch: '100',
          actualProfit: '88',
          FPY: '88',
          badnessNum: '2',
          reworkNum: '5',
          scrapNum: '0',
          univalenceManhour: '100',
          crossClaim: '20',
          realWages: '600',
          summary: '600'
        },
        {
          grandpaId: 2,
          fatherId: 14,
          id: 1113,
          process: '工序二',
          crew: '啊切 ',
          productionPlanNumber: 'A0001',
          stationAndDrillingCrew: '工位一 机台二',
          productName: '测试demo',
          productCode: 'ABC001',
          planToDispatch: '100',
          actualProfit: '88',
          FPY: '88',
          badnessNum: '2',
          reworkNum: '5',
          scrapNum: '0',
          univalenceManhour: '100',
          crossClaim: '20',
          realWages: '600',
          summary: '600'
        },
        {
          grandpaId: 2,
          fatherId: 14,
          id: 1114,
          process: '工序二',
          crew: '啊切 ',
          productionPlanNumber: 'A0001',
          stationAndDrillingCrew: '工位二 机台三',
          productName: '测试demo1',
          productCode: 'ABC001',
          planToDispatch: '100',
          actualProfit: '88',
          FPY: '88',
          badnessNum: '2',
          reworkNum: '5',
          scrapNum: '0',
          univalenceManhour: '100',
          crossClaim: '20',
          realWages: '600',
          summary: '600'
        },
        {
          grandpaId: 2,
          fatherId: 14,
          id: 1115,
          process: '工序二',
          crew: '啊切 ',
          productionPlanNumber: 'A0001',
          stationAndDrillingCrew: '工位三 机台四',
          productName: '测试demo',
          productCode: 'ABC001',
          planToDispatch: '100',
          actualProfit: '88',
          FPY: '88',
          badnessNum: '2',
          reworkNum: '5',
          scrapNum: '0',
          univalenceManhour: '100',
          crossClaim: '20',
          realWages: '600',
          summary: '600'
        }
      ]
    };
  },
  mounted() {
    this.setrowspans(this.tableData);
  },
  // 方法集合
  methods: {
    setrowspans() {
      // 先给所有的数据都加一个v.rowspan = 1
      this.tableData.forEach(v => {
        v.frowspan = 1;
        v.growspan = 1;
      });
      // 双层循环
      for (let i = 0; i < this.tableData.length; i++) {
        // 内层循环，上面已经给所有的行都加了v.rowspan = 1
        // 这里进行判断
        // 如果当前行的id和下一行的id相等
        // 就把当前v.rowspan + 1
        // 下一行的v.rowspan - 1
        for (let j = i + 1; j < this.tableData.length; j++) {
          // 此处可根据相同字段进行合并，此处是根据的id
          if (this.tableData[i].grandpaId === this.tableData[j].grandpaId) {
            this.tableData[i].growspan++;
            this.tableData[j].growspan--;
          }
        }
        // 这里跳过已经重复的数据
        i = i + this.tableData[i].growspan - 1;
      }
      for (let i = 0; i < this.tableData.length; i++) {
        // 内层循环，上面已经给所有的行都加了v.rowspan = 1
        // 这里进行判断
        // 如果当前行的id和下一行的id相等
        // 就把当前v.rowspan + 1
        // 下一行的v.rowspan - 1
        for (let j = i + 1; j < this.tableData.length; j++) {
          // 此处可根据相同字段进行合并，此处是根据的id
          if (this.tableData[i].fatherId === this.tableData[j].fatherId) {
            this.tableData[i].frowspan++;
            this.tableData[j].frowspan--;
          }
        }
        // 这里跳过已经重复的数据
        i = i + this.tableData[i].frowspan - 1;
      }
      console.log(this.tableData);
    },
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex < 3) {
        return {
          rowspan: row.growspan,
          colspan: 1
        };
      }
      if (columnIndex > 2 && columnIndex < 6) {
        return {
          rowspan: row.frowspan,
          colspan: 1
        };
      }
    }
  }

第二种效果如下

代码如下：

html：

<el-table
      :data="tableData"
      :span-method="objectSpanMethod"
      border
      style="width: 100%; margin-top: 20px"
    >
      <el-table-column
        prop="id"
        label="ID"
        width="180"
      />
      <el-table-column
        prop="name"
        label="姓名"
      />
      <el-table-column
        prop="amount1"
        label="数值 1（元）"
      />
      <el-table-column
        prop="amount2"
        label="数值 2（元）"
      />
      <el-table-column
        prop="amount3"
        label="数值 3（元）"
      />
      <el-table-column
        prop="amount1"
        label="数值 1（元）"
      />
      <el-table-column
        prop="amount2"
        label="数值 2（元）"
      />
      <el-table-column
        prop="amount3"
        label="数值 3（元）"
      />
      <el-table-column
        prop="amount1"
        label="数值 1（元）"
      />
      <el-table-column
        prop="amount2"
        label="数值 2（元）"
      />
      <el-table-column
        prop="amount3"
        label="数值 3（元）"
      />
      <el-table-column
        prop="amount1"
        label="数值 1（元）"
      />
      <el-table-column
        prop="amount2"
        label="数值 2（元）"
      />
      <el-table-column
        prop="amount3"
        label="数值 3（元）"
      />
      <el-table-column
        prop="amount1"
        label="数值 1（元）"
      />
      <el-table-column
        prop="amount2"
        label="数值 2（元）"
      />
      <el-table-column
        prop="amount3"
        label="数值 3（元）"
      />
      <el-table-column
        prop="amount1"
        label="数值 1（元）"
      />
      <el-table-column
        prop="amount2"
        label="数值 2（元）"
      />
      <el-table-column
        prop="amount3"
        label="数值 3（元）"
      />
      <el-table-column
        prop="amount1"
        label="数值 1（元）"
      />
      <el-table-column
        prop="amount2"
        label="数值 2（元）"
      />
    </el-table>

js:

 data() {
    return {
      tableData: [
        {
          id: '12987122',
          name: '王小虎',
          amount1: '234',
          amount2: '3.2',
          amount3: 10
        },
        {
          id: '12987123',
          name: '王小虎',
          amount1: '165',
          amount2: '4.43',
          amount3: 12
        },
        {
          id: '12987124',
          name: '王小虎',
          amount1: '324',
          amount2: '1.9',
          amount3: 9
        },
        {
          id: '12987125',
          name: '王小虎',
          amount1: '621',
          amount2: '2.2',
          amount3: 17
        },
        {
          id: '12987126',
          name: '王小虎',
          amount1: '539',
          amount2: '4.1',
          amount3: 15
        },
        {
          id: '12987123',
          name: '王小虎',
          amount1: '165',
          amount2: '4.43',
          amount3: 12
        },
        {
          id: '12987124',
          name: '王小虎',
          amount1: '324',
          amount2: '1.9',
          amount3: 9
        },
        {
          id: '12987125',
          name: '王小虎',
          amount1: '621',
          amount2: '2.2',
          amount3: 17
        },
        {
          id: '12987126',
          name: '王小虎',
          amount1: '539',
          amount2: '4.1',
          amount3: 15
        },
        {
          id: '12987123',
          name: '王小虎',
          amount1: '165',
          amount2: '4.43',
          amount3: 12
        },
        {
          id: '12987124',
          name: '王小虎',
          amount1: '324',
          amount2: '1.9',
          amount3: 9
        },
        {
          id: '12987125',
          name: '王小虎',
          amount1: '621',
          amount2: '2.2',
          amount3: 17
        },
        {
          id: '12987126',
          name: '王小虎',
          amount1: '539',
          amount2: '4.1',
          amount3: 15
        }
      ]
    };
  },
  // 方法集合
  methods: {
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex < 4) {
        if (rowIndex % 8 === 0) {
          return {
            rowspan: 8,
            colspan: 1
          };
        } else {
          return {
            rowspan: 0,
            colspan: 0
          };
        }
      } else if (columnIndex < 7) {
        if (rowIndex % 4 === 0) {
          return {
            rowspan: 4,
            colspan: 1
          };
        } else {
          return {
            rowspan: 0,
            colspan: 0
          };
        }
      } else if (columnIndex < 11) {
        if (rowIndex % 2 === 0) {
          return {
            rowspan: 2,
            colspan: 1
          };
        } else {
          return {
            rowspan: 0,
            colspan: 0
          };
        }
      }
    }
  }

  data() {
    return {
      isOpen: false,
      ottId: null,
      // 默认查询已审核与已评审的
      parameter: { ep: 'millMeritsApplyFor' },
      plateArr: [],
      wpArr: [],
      pos: 0
    };
  },



 successTable(res) {
      this.plateArr = [];
      this.wpArr = [];
      for (var i = 0; i < res.list.length; i++) {
        if (i === 0) {
          this.plateArr.push(1);
          this.wpArr.push(1);
          this.pos = 0;
        } else {
          if (res.list[i].plate === res.list[i - 1].plate) {
            this.plateArr[this.pos] += 1;
            this.plateArr.push(0);
          } else {
            this.plateArr.push(1);
            this.pos = i;
          }
        }
      }
    },
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0 || columnIndex === 1) {
        const _row = this.plateArr[rowIndex];
        const _col = _row > 0 ? 1 : 0;
        return {
          rowspan: _row,
          colspan: _col
        };
      }
    },

Cdlblbq
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
element 树型结构表格的合并问题
qq_41442428的博客
03-23 1539
完成以上的树型结果的表格，需要掌握以下几点。 首先，我们先看比较简单，总价单元格的合并的问题，这里总价是合并了两列。 他实际上其实就是用到element 中的show-summary 同时定义了table中的refs 实际上就是获取到了表格的元素，然后获取到table底部，进行合并。 其实，我们要做的第二个比较简单，就是如何让树型表格禁用收缩功能，element自带的方法，让他每一次点击都处于展开的状态 最后，就是树型合并的问题，子级的层级不确定数，所以我们需要用到递归的方法 <!-- 公共S.
vue element实现表格合并行数据
01-18
本文实例为大家分享了vue element实现表格合并行数据的具体代码，供大家参考，具体内容如下 支持不分页的表格数据，分页的表格数据还有小bug xss=removed span-method=objectSpanMethod> 序号 prop=id ...
使用elementUI构建复杂表格，合并行或列，多级表头等
风中追风
01-02 4698
前端开发过程中常常会遇到各种开发表格的场景，有时候有的表格比较简单有的比较复杂（如下图简单示例所示，有合并项和多级表头），Elementui的el-table控件也可以支持构建复杂的表格，本文将指导你如何快速开发复杂表格~~~
el-table多行合并
最新发布
weixin_41127362的博客
04-16 1050
我使用了一种笨方法实现了需求。主要是理解思路很重要。后面所有类型应该都能理解。
element ui 表格多项合并
weixin_55876727的博客
09-05 657
element 表格列多项合并
element 复杂表格，表格合并
huqiang1995的博客
05-18 147
【代码】element 复杂表格，表格合并。
elementUI 表格合并单元格-多层级-合并行
weixin_40984344的博客
05-24 1784
##elementUI 表格合并单元格-多层级-合并行 需求：使用vue + elementUI 实现如下表格： 省份 城市 区域 人口 贵州 遵义 汇川区 100 红花岗区 100 播州区 100 贵阳 南明区 100 云岩区 100 安顺 西秀区 1
element表格表头合并（多级合并）
TianQiWanLaiQiu的博客
12-18 6107
需求是这样的，在多级后面合并行和列 官方是按层级一层一层套，但是没有多级后面合并的案例，于是参考官网header-cell-style属性作出第二层我们需要的合并行或列 首先：按照官网给出的例子我们先把数据渲染成这样 然后根据header-cell-style属性编辑携带的参数编辑（也可以根据rowIndex、columnIndex自定义，rowSpan表示占高（行）、colSpan表示占宽（列）） headerStyle({ row, rowIndex }) { // conso..
element plus的table合并单元格
Auaaa的博客
03-21 1252
如果想要将后一列挨着的单元格合并，return 1,2,但是得将后一个单元格设置为 0，0，不然会被推走。就element+中的el-table中的span-method方法的使用和遇到的一些问题。
element-ui表格，el-table多级合并行
m0_58360569的博客
02-20 1007
记录关于element表格合并的多级行。
elementplus表格合并
大佐
11-18 845
表格数据有层级嵌套，for循环遍历渲染的，导致直接调用表格行合并方法会有问题。
element-ui表格合并span-method的实现方法
10-16
主要介绍了element-ui表格合并span-method的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Element实现表格嵌套、多个表格共用一个表头的方法
10-15
主要介绍了Element实现表格嵌套、多个表格共用一个表头的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
element-ui中Table表格省市区合并单元格的方法实现
10-16
主要介绍了element-ui中Table表格省市区合并单元格的方法实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
使用element-ui中的table修改鼠标经过或悬停行时颜色修改
热门推荐
走走停停
02-25 1万+
第一种： .el-table--enable-row-hover .el-table__body tr:hover>td{ background-color: #c6cfdf !important; } 第二种： .el-table__body tr:hover>td{ background-color: #c6cfdf!important; } .el-table__body tr.current-row>td{ background-color: #c6
vue项目中在table表格中使用switch开关
走走停停
02-24 7287
<template slot-scope="scope"> <el-switch v-model="scope.row.status" :active-value="1" :inactive-value="0" @change="switchChange($event, scope.row)" active-color="#13ce66" .
require.context()使用方法及项目实战
走走停停
03-11 3916
require.context 你还可以通过require.context()函数来创建自己的 context。 equire.context()是可以用来创建自己（模块）上下文的方法，有3个参数： 可以给这个函数传入四个参数： directory：要搜索的文件夹目录 useSubdirectories：是否还应该搜索它的子目录 regExp：一个匹配文件的正则表达式 mode：是否异步加载 webpack 会在构建中解析代码中的require.context()。 语法如下： ...
VUE项目实现全屏显示功能---screenfull
走走停停
09-29 3228
使用方法npm install screenfull --save 首先安装npm install screenfull --save 在使用.vue文件中 引入import screenfull from 'screenfull' 在按钮方法中调用screenfull.toggle() 可以双向切换全屏与非全屏 还可以检测全屏状态screenfull.isFullscreen 测试浏览器是否支持全screenfullscreenfull.isEnabled API .request...
vue2.0 element-ui动态表格
09-07
vue2.0 element-ui动态表格可以通过多种方式实现。其中，主要有以下三种方式： 1. 表格内部显示和编辑切换：在表格中添加可编辑的单元格，在用户点击单元格时，将其切换为可编辑状态。用户可以直接在表格内进行编辑，并在编辑完成后保存数据。 2. 弹出另外一个表格编辑：当用户需要编辑某一行数据时，可以通过点击编辑按钮或其他触发方式，在页面上弹出一个表格组件，用于编辑该行数据。用户可以在弹出的表格中进行修改，并保存数据。 3. 通过样式控制：通过添加样式类或其他方式，将表格的某些单元格设置为可编辑状态。用户可以直接在这些单元格中进行编辑，并在编辑完成后保存数据。 这些方式都可以实现动态表格的编辑功能，具体选择哪种方式取决于项目的需求和设计。以上是三种常见的实现方式，你可以根据具体情况选择适合你项目的方式进行实现。<span class="em">1</span><span class="em">2</span>

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值