Vue tree 添加提示文字Tooltip

效果图：

代码：

<template>
	<div>
		<Tree :data="myTree" :render="renderContent"></Tree>
	</div>
</template>

 methods:{
      renderContent (h, { root, node, data }) {
        //console.log(node);
        //console.log(data);
        if (data.title.length>7) {
          let shortTitle = data.title.substring(0,7)+'...';
          return h('Tooltip', {
            props: {
              placement: 'top'
            }
          }, [
            shortTitle,
            h('span', {
              slot: 'content',             //slot属性
              style: {
                whiteSpace: 'normal',
                wordBreak: 'break-all'
              }
            }, data.title)
          ])
        }else {
          return h('span',data.title)
        }