ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-21 11:17:41 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

[improvement] Tab: optimize aria-hidden attr

Browse Source
This commit is contained in:
陈嘉涵
2019-06-03 16:23:00 +08:00
parent cf3b797b20
commit ce3a347723
6 changed files with 56 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/tab/index.js
View File

@@ -41,20 +41,20 @@ export default sfc({
},
render(h) {
const { slots } = this;
const { slots, selected } = this;
const shouldRender = this.inited || !this.parent.lazyRender;
const Content = [shouldRender ? slots() : h()];
const Content = [
shouldRender ? slots() : h(),
slots('title') && <div ref="title">{slots('title')}</div>
];
if (slots('title')) {
Content.push(<div ref="title">{slots('title')}</div>);
}
if (this.parent.animated) {
return (
<div
role="tabpanel"
aria-hidden={!this.selected}
class={bem('pane-wrapper', { inactive: !this.selected })}
aria-hidden={!selected}
class={bem('pane-wrapper', { inactive: !selected })}
>
<div class={bem('pane')}>{Content}</div>
</div>
@@ -62,12 +62,7 @@ export default sfc({
}
return (
<div
vShow={this.selected}
role="tabpanel"
class={bem('pane')}
aria-hidden={!this.selected}
>
<div vShow={selected} role="tabpanel" class={bem('pane')}>
{Content}
</div>
);