[bug report] description row slot problem

[bukeliyuchenmou]

Element UI version

2.15.5

OS/Browsers version

mac big sur 11.5.2 / Google Chrome 92.0.4515.159

Vue version

2.6.14

Reproduction Link

https://codepen.io/bukeliyuchenmou/pen/YzQqgjp

Steps to reproduce

<el-descriptions-item >
                               <div {...{
                                   slot: "label"
                               }}>
                                   121213123
                               </div>
                               {this.list_data[i].create_at_str}
                           </el-descriptions-item>

What is Expected?

我期望他的slot能够出现

What is actually happening?

没有出现，我阅读完源码后，发现，作者已经把row这个的props 和slot 的label 都过滤完毕了，记录成了一个 label ，但是在默认的流程控制中，他却使用了 item.props.label , 这样的话如果不是有边框的描述列表和垂直排列的描述列表，他们的el-descriptions-item slot都用不了啦

[element-bot]

Translation of this issue:

Element UI version

2.15.5

OS/Browsers version

mac big sur 11.5.2 / Google Chrome 92.0.4515.159

Vue version

2.6.14

Reproduction Link

https://codepen.io/bukeliyuchenmou/pen/YzQqgjp

Steps to reproduce

<el-descriptions-item >
<div {...{

slot: \"label\"
}}>

one hundred and twenty-one million two hundred and thirteen thousand one hundred and twenty-three
</div>

{this.list_ data[i].create_ at_ str}
</el-descriptions-item>

What is Expected?

I expect his slot to appear

What is actually happening?

No, after reading the source code, I found that the author has filtered the 'props' of row and the' label 'of' slot 'and recorded them as a' label ', but in the default process control, he uses' item. Props. Label'. In this case, if it is not a description list with a border and a description list arranged vertically, Their El descriptions item slots are useless

[zhuxianbin]

手动打补丁
在 node_modules\element-ui\lib\descriptions.js 文件中,修改111行,追加为以下代码

if (!item.slots.label) {
    item.slots.label = item.vnode.data.scopedSlots && item.vnode.data.scopedSlots.label();
}

[ufologist]

在使用 Descriptions Item label slot 时, 只有设置 Descriptions 带边框时才会生效

<el-descriptions border>

重现示例
https://codepen.io/ufologist/pen/GRvPOZv