diff --git a/packages/devui-vue/devui/popover/src/popover.tsx b/packages/devui-vue/devui/popover/src/popover.tsx
index 6c3650945d65a549b06e48fef7471585d3ecc80f..017fe7da89648f7add70adb77f5554f68804c5c0 100644
--- a/packages/devui-vue/devui/popover/src/popover.tsx
+++ b/packages/devui-vue/devui/popover/src/popover.tsx
@@ -1,4 +1,4 @@
-import { defineComponent, toRefs, ref, CSSProperties, reactive } from 'vue'
+import { defineComponent, toRefs, ref, CSSProperties, reactive, watch } from 'vue'
 import debounce from './debounce';
 import clickoutsideDirective from '../../shared/devui-directive/clickoutside'
 import './popover.scss'
@@ -104,6 +104,10 @@ export default defineComponent({
     const hiddenContext = () => { visible.value = false }
     popMaxWidth.value && (style.maxWidth = `${popMaxWidth.value}px`)
 
+    watch(() => props.visible, (newVal) => {
+      visible.value = newVal;
+    })
+
     return () => {
       return (
         <div class={