mirror of
https://github.com/youzan/vant.git
synced 2025-10-20 18:54:24 +00:00
[improvement] Use scoped-slots in Vue 2.6+ (#2688)
This commit is contained in:
@@ -28,10 +28,10 @@ export default sfc({
|
||||
},
|
||||
|
||||
render(h) {
|
||||
const { icon, title, description, $slots } = this;
|
||||
const { icon, title, description, slots } = this;
|
||||
|
||||
const StatusIcon = ($slots.icon || icon) && (
|
||||
<div class={bem('icon')}>{$slots.icon || <Icon name={icon} class={this.iconClass} />}</div>
|
||||
const StatusIcon = (slots('icon') || icon) && (
|
||||
<div class={bem('icon')}>{slots('icon') || <Icon name={icon} class={this.iconClass} />}</div>
|
||||
);
|
||||
|
||||
const StatusMessage = (
|
||||
@@ -47,10 +47,10 @@ export default sfc({
|
||||
<div class={bem('status')}>
|
||||
{StatusIcon}
|
||||
{StatusMessage}
|
||||
{$slots['message-extra']}
|
||||
{slots('message-extra')}
|
||||
</div>
|
||||
)}
|
||||
<div class={bem('items', { alone: !title && !description })}>{$slots.default}</div>
|
||||
<div class={bem('items', { alone: !title && !description })}>{slots()}</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
Reference in New Issue
Block a user