作成日: 2024/04/24    最終更新日: 2024/05/31

文書種別

不具合

状況

修正済み

詳細

Vue3で<gc-column>にv-forを使用してデータをバインドするとすべての列が正しく表示されず、１列のみ表示されます。

回避方法

SpreadJS (Ver.17.0.10)で修正済み。
Ver.17.0.10より前のバージョンでは、main.tsに以下のコードを追加します。

GcWorksheet.methods.getChildrenCount = function () {
    if (this.$children) {
        return this.$children.length;
    } else {
        let count = 0;
        const slots = this.$slots.default && this.$slots.default();
        if (slots && slots.length > 0) {
            for (const slot of slots) {
                if (slot.children && slot.children.length > 0) {
                    for (const child of slot.children) {
                        if (child.type === GcColumn) {
                            count++;
                        }
                    }
                } else if (slot.type === GcColumn) {
                    count++;
                }
            }
        }
        return count;
    }
};