vue renderループ複数のラベル

1436 ワード

{
                        title: '    ',
                        key: 'insuranceDetailMapArr',
                        width: 200,
                        render: (h, params) => {
                            let insuranceDetailMap = params.row.insuranceDetailMap || {};
                            let arr = [];
                            if (insuranceDetailMap && Object.keys(insuranceDetailMap).length > 0) {
                                Object.keys(insuranceDetailMap).forEach((key) => {
                                    arr.push(`${key}+${insuranceDetailMap[key]}`)
                                });
                                return h('div', arr.map((item, index) => {
                                    return h('span', {
                                            style: {
                                                marginBottom: '10px',
                                                display: 'block'
                                            }
                                        },
                                        `(${index + 1})、${item}`
                                    )
                                }));
                            }else{
                                return h('div','-');
                            }

                        }
                    },