github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: menu divider class not correct

pull/3150/head
tanjinzhou 2020-11-10 15:41:41 +08:00
parent 7cd86b5a00
commit 72a86910be
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/vc-menu/Divider.jsx
View File

@ -1,3 +1,5 @@
import { inject } from 'vue';
import { injectExtraPropsKey } from './FunctionProvider';
export default { export default {
name: 'MenuDivider', name: 'MenuDivider',
inheritAttrs: false, inheritAttrs: false,
@ -8,9 +10,14 @@ export default {
}, },
rootPrefixCls: String, rootPrefixCls: String,
}, },
setup() {
return {
injectExtraProps: inject(injectExtraPropsKey, () => ({})),
};
},
render() { render() {
const { rootPrefixCls } = this.$props; const { rootPrefixCls } = {...this.$props, ...this.injectExtraProps};
const { class: className = '', style } = this.$attrs; const { class: className = '', style } = this.$attrs;
return <li class={`${className} ${rootPrefixCls}-item-divider`} style={style} />; return <li class={[className, `${rootPrefixCls}-item-divider`]} style={style} />;
}, },
}; };