diff --git a/ui/src/workflow/nodes/base-node/component/ChatFieldDialog.vue b/ui/src/workflow/nodes/base-node/component/ChatFieldDialog.vue
index 1c537b0ce..60cee31f4 100644
--- a/ui/src/workflow/nodes/base-node/component/ChatFieldDialog.vue
+++ b/ui/src/workflow/nodes/base-node/component/ChatFieldDialog.vue
@@ -44,7 +44,7 @@
     </el-form>
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click.prevent="dialogVisible = false"> {{ $t('common.cancel') }} </el-button>
+        <el-button @click.prevent="close"> {{ $t('common.cancel') }} </el-button>
         <el-button type="primary" @click="submit(fieldFormRef)" :loading="loading">
           {{ isEdit ? $t('common.save') : $t('common.add') }}
         </el-button>