uniapp 遮盖 showToast
时间: 2023-08-26 11:08:38 浏览: 107
在uni-app中,可以使用uni.showToast()方法来展示消息提示。如果想要在全局封装一个方法来简化uni.showToast()的调用,可以按照以下步骤进行改造:
1. 在main.js中,为uni对象挂载自定义的$showMsg()方法:
```javascript
uni.$showMsg = function (title = '数据加载失败!', duration = 1500) {
uni.showToast({
title,
duration,
icon: 'none',
})
}
```
2. 在需要提示消息的地方,直接调用uni.$showMsg()方法即可:
```javascript
async getSwiperList(){
const {data:res} = await uni.$http.get('/api/public/v1/home/swiperdata')
console.log(res)
// 请求失败
if (res.meta.status !== 200) {
return uni.$showMsg()
}
// 请求成功,为data中的数据赋值
this.swiperList = res.message
uni.$showMsg('数据请求成功')
}
```
关于uni-app的其他问题,uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5以及各种小程序等多个平台。[2]在uni-app中,可以通过uni.getSubNVueById()方法来获取子窗体,并使用show()方法打开子窗体,使用hide()方法关闭子窗体。[3]
阅读全文