在 uniapp 中,可以使用 uni.showToast 和 uni.hideToast 函数来实现全局弹窗。以下是示例代码:

// 弹窗组件 const showToast = (msg) => { uni.showToast({ title: msg, icon: 'none', duration: 2000 }) } const hideToast = () => { uni.hideToast() }

// 控制打开或关闭弹窗 export default { showToast, hideToast }

在需要使用全局弹窗的地方,可以直接调用 showToast 函数来显示弹窗。例如:

import globalToast from '@/components/global-toast'

globalToast.showToast('这是一个全局弹窗')

调用 hideToast 函数可以隐藏弹窗:

import globalToast from '@/components/global-toast'

globalToast.hideToast()

在微信小程序中,uni.showToast 和 uni.hideToast 函数也可以用于显示和隐藏全局弹窗

用 uniapp 写一个全局弹窗 不需要页面引入 用js可以控制打开或关闭兼容h5和微信小程序

原文地址: https://www.cveoy.top/t/topic/fg3R 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录