uni-app ios小程序端官方示例Popup刚进入页面时会自动弹出输入框

在 uni-app 中，如果你在 iOS 小程序端使用 Popup 组件时，发现页面刚进入时输入框自动弹出，这通常是由于 Popup 组件的 autoFocus 属性默认设置为 true，或者你在代码中手动设置了 autoFocus 为 true。

解决方法

1. 检查 autoFocus 属性： 确保你没有在 Popup 组件中设置 autoFocus 为 true。如果设置了，可以将其改为 false。

   <uni-popup ref="popup" :autoFocus="false">
     <input type="text" placeholder="请输入内容" />
   </uni-popup>
   

2. 手动控制弹出： 如果你希望在页面加载时不自动弹出 Popup，可以在 mounted 或 onLoad 生命周期钩子中手动控制 Popup 的显示。

   <template>
     <view>
       <uni-popup ref="popup">
         <input type="text" placeholder="请输入内容" />
       </uni-popup>
     </view>
   </template>
   
   <script>
   export default {
     mounted() {
       // 手动控制 Popup 的显示
       this.$refs.popup.close();
     },
     methods: {
       showPopup() {
         this.$refs.popup.open();
       }
     }
   }
   </script>
   

3. 使用 v-if 控制 Popup 的渲染： 你可以使用 v-if 来控制 Popup 组件的渲染，确保在页面加载时不渲染 Popup。

   <template>
     <view>
       <button @click="showPopup">显示 Popup</button>
       <uni-popup ref="popup" v-if="isPopupVisible">
         <input type="text" placeholder="请输入内容" />
       </uni-popup>
     </view>
   </template>
   
   <script>
   export default {
     data() {
       return {
         isPopupVisible: false
       };
     },
     methods: {
       showPopup() {
         this.isPopupVisible = true;
         this.$nextTick(() => {
           this.$refs.popup.open();
         });
       }
     }
   }
   </script>