diff --git a/packages/vue/src/flowchart/src/node.vue b/packages/vue/src/flowchart/src/node.vue
index 9bba40304..2a42e8a1b 100644
--- a/packages/vue/src/flowchart/src/node.vue
+++ b/packages/vue/src/flowchart/src/node.vue
@@ -48,8 +48,8 @@
       <template v-for="key in ['title', 'subtitle', 'auxi']">
         <div
           v-if="state[key].show"
+          v-auto-tip
           :key="key"
-          :title="state[key].text"
           :class="[
             'truncate',
             state.layUpdown ? 'text-center' : 'text-left',
@@ -90,6 +90,7 @@ import {
   iconDone,
   iconDoneMini
 } from '@opentiny/vue-icon'
+import { AutoTip } from '@opentiny/vue-directive'
 
 const icons = {
   'not-started': { mini: iconNotStartedMini, other: iconNotStarted },
@@ -100,6 +101,7 @@ const icons = {
 
 export default defineComponent({
   props: [...props, 'node', 'config', 'titleClass'],
+  directives: { AutoTip },
   setup(props: any, context: any): any {
     return setup({ props, context, renderless, api, mono: true, extendOptions: { icons } })
   }