Vueはel-tableを使用して列と行を動的に結合します

行と列のリストデータを取得します(データ){
            自分自身 = this とします。
            自己の行と列 = [];
            自己.rowRoomColumn = [];
            (var i = 0; i < データ長さ; i++) {
                (i === 0)の場合{
                    // 最初のレコードの場合（つまり、インデックスが0の場合）、配列に1を追加します
                    行と列をプッシュします(1);
                    自己位置 = 0;
                    自己.rowRoomColumn.push(1);
                    自己.posT = 0;
                } それ以外 {
                    //data[i].typeDescはインターフェースから読み取ったフィールド情報です。以下も同様です。if (data[i].typeDesc === data[i - 1].typeDesc) {
                        // typeDescが等しい場合は0を追加してプッシュします
                        自己.行と列[自己.位置] += 1
                        自己.行と列.プッシュ(0)
                        (データ[i].areaDesc === データ[i - 1].areaDesc)の場合{
                            // areaDescが等しい場合は0を追加してプッシュします
                            self.rowRoomColumn[self.posT] += 1
                            自己.rowRoomColumn.push(0)
                        } それ以外 {
                            自己.rowRoomColumn.push(1)
                            自己.posT = i
                        }
                    } それ以外 {
                        // 等しくない push 1
                        自己.行と列.プッシュ(1)
                        自己位置 = i;
                        自己.rowRoomColumn.push(1)
                        自己.posT = i
                    }
                }
            }
        },

オブジェクトスパンメソッド({ 行、列、行インデックス、列インデックス }) {
            自分 = これ
            列インデックス === 1 の場合 {
                （self.rowAndColumn[rowIndex]）の場合{
                rowNum = self.rowAndColumn[rowIndex]とします。
                戻る {
                    行範囲: 行番号、
                    列範囲: rowNum > 0 ? 1 : 0
                    }                                                   
                }
                戻る {
                    行範囲: 0,
                    列幅: 0
                }  
            }
            列インデックス === 2 の場合
                （self.rowRoomColumn[rowIndex]）の場合{
                roomNum = self.rowRoomColumn[rowIndex]とします。
                戻る {
                    行スパン: 部屋番号、
                    列範囲: 部屋番号 > 0 ? 1 : 0
                    }                                                   
                }
                戻る {
                    行範囲: 0,
                    列幅: 0
                }  
            }
        },