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

fix: treeNode customTitle cannot get selected prop 

* Tree组件中，treeNode配置scopedSlots: {title: 'customeTitle' }，无法获取title插槽的slot-scope值

需要定制tree的title时，具体的值在treeNode的数据上，但现在无法获取title处的插槽参数。经过查看ant-design-vue源码，发现TreeNode.jsx文件在title处配置错误，希望能尽快修复

* Update TreeNode.jsx
pull/2112/head
cubemoon 2020-04-17 18:27:51 +08:00 committed by GitHub
parent 1112f2f791
commit 32f669bd48
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/vc-tree/src/TreeNode.jsx
View File

@ -420,7 +420,7 @@ const TreeNode = {
vcTree: { prefixCls, showIcon, icon: treeIcon, draggable, loadData }, vcTree: { prefixCls, showIcon, icon: treeIcon, draggable, loadData },
} = this; } = this;
const disabled = this.isDisabled(); const disabled = this.isDisabled();
const title = getComponentFromProp(this, 'title') || defaultTitle; const title = getComponentFromProp(this, 'title', {}, false);
const wrapClass = `${prefixCls}-node-content-wrapper`; const wrapClass = `${prefixCls}-node-content-wrapper`;
// Icon - Still show loading icon when loading without showIcon // Icon - Still show loading icon when loading without showIcon
@ -439,8 +439,14 @@ const TreeNode = {
$icon = this.renderIcon(); $icon = this.renderIcon();
} }
// Title const currentTitle = title;
const $title = <span class={`${prefixCls}-title`}>{title}</span>; let $title = currentTitle ? (
<span class={`${prefixCls}-title`}>
{typeof currentTitle === 'function' ? currentTitle({ ...this.$props }, h) : currentTitle}
</span>
) : (
<span class={`${prefixCls}-title`}>{defaultTitle}</span>
);
return ( return (
<span <span