uniapp点击按钮时，页面弹出提示正在执行操作得弹窗，3秒后弹窗消失的效果

您可以通过以下步骤来实现这个效果：

1. 在您的按钮上添加点击事件的监听器。
2. 在事件处理程序中，使用 `uni.showToast` 方法显示正在执行操作的提示弹窗。
3. 使用 `setTimeout` 函数设置一个定时器，延迟 3 秒后执行下一步操作。
4. 在定时器的回调函数中，使用 `uni.hideToast` 方法隐藏提示弹窗。

下面是一个示例代码：

<template>
  <view>
    <button @click="handleClick">点击按钮</button>
  </view>
</template>

<script>
export default {
  methods: {
    handleClick() {
      // 显示提示弹窗
      uni.showToast({
        title: '正在执行操作',
        icon: 'loading',
        duration: 3000
      });

      // 延迟 3 秒后隐藏提示弹窗
      setTimeout(() => {
        uni.hideToast();
      }, 3000);
    }
  }
}
</script>

在上述示例中，当用户点击按钮时，会显示一个带有"正在执行操作"文本和加载图标的提示弹窗。然后，通过定时器延迟 3 秒后，隐藏提示弹窗。这样就实现了您所描述的效果。

相关问题

uniapp开发小程序点击出现弹窗

要在uniapp开发的小程序中添加弹窗，可以使用uni-ui中的popup组件。首先在页面中引入popup组件：

<template>
  <view>
    <popup :show="showPopup" position="center">
      <view>这里是弹窗内容</view>
    </popup>
    <button @click="showPopup = true">点击弹窗</button>
  </view>
</template>

<script>
import { Popup } from 'uni-ui'

export default {
  components: {
    Popup
  },
  data() {
    return {
      showPopup: false
    }
  }
}
</script>

在上面的代码中，我们使用了popup组件，并在button的点击事件中设置showPopup为true，这样点击按钮后就会弹出弹窗。

同时，我们还设置了popup组件的position为center，表示弹窗居中显示。你可以根据实际需求设置其他的position属性。

uniapp如何弹窗显示Window

在uniapp中可以使用uni.showToast()来显示弹窗提示，不过uniapp是基于HTML5+ API的，HTML5+ API中没有window对象，因此无法直接在uniapp中显示window对象。

如果你想要在uniapp中显示window对象，可以使用uni.showModal()方法来显示一个模态框，然后在模态框中显示window对象的内容。

以下是一个示例代码：

<template>
  <view class="content">
    <view class="btn" @click="showWindow">显示 window 对象</view>
  </view>
</template>

<script>
  export default {
    methods: {
      showWindow() {
        uni.showModal({
          title: 'Window 对象',
          content: JSON.stringify(window),
          showCancel: false
        })
      }
    }
  }
</script>

当你点击“显示 window 对象”按钮时，会弹出一个模态框，其中显示了window对象的内容。需要注意的是，在模态框中显示的是window对象的字符串表示形式，而不是它的实际内容。如果你想要查看window对象的实际内容，可以在浏览器的开发者工具中查看。