fix 微信留言框弹出兼容性问题

@@ -53,11 +53,13 @@
 import icon_y from '@images/y.png'
 import icon_y from '@images/y.png'
 import { Toast } from 'vant';
 import { Toast } from 'vant';
 
 
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
 
 
-// const props = defineProps({
-//   showPopup: Boolean
-// })
+const props = defineProps({
+  showPopup: Boolean,
+  type: String,
+  replayUser: String
+})
 
 
 const emit = defineEmits(['on-close', 'on-submit']);
 const emit = defineEmits(['on-close', 'on-submit']);
 
 
@@ -78,11 +80,15 @@ const submitComment = () => {
     Toast.fail('留言不能为空');
     Toast.fail('留言不能为空');
   }
   }
 }
 }
+
+// 监听弹出框
+watch(() => props.showPopup, (v) => {
+  show.value = v
+})
 </script>
 </script>
 
 
 <script>
 <script>
 export default {
 export default {
-  props: ['showPopup', 'type', 'replayUser'],
   data () {
   data () {
     return {
     return {
     }
     }
@@ -90,11 +96,6 @@ export default {
   mounted () {
   mounted () {
   },
   },
   watch: {
   watch: {
-    showPopup (value, pre) {
-      if (value) {
-        this.show = value;
-      }
-    }
   },
   },
   methods: {
   methods: {
   }
   }