uniapp在main.js中封装

最新推荐文章于 2024-05-30 21:45:00 发布

我哈我哈

最新推荐文章于 2024-05-30 21:45:00 发布

阅读量362

点赞数

文章标签：前端 html vue.js

本文链接：https://blog.csdn.net/weixin_52312684/article/details/125174684

版权

这篇博客介绍了如何在页面中封装uni.$showMag函数，用于显示数据请求失败或成功的提示。在获取搜索列表的异步操作中，当请求失败时，调用uni.$showMag显示错误提示；成功时则显示成功信息并更新搜索结果。此方法简化了错误处理并提高了用户体验。

摘要由CSDN通过智能技术生成

例如：

uni.$showMag = function(title='数据请求失败！' , duration=1500){
   uni.showToast({
       title,
       duration,
       icon:'none'
   })
}

在页面中直接就可以调用

async getSearchList() {
               if (this.kw.length === 0) {
                   this.serchResults = []
                   return
               }
               const {
                   data: res
               } = await uni.$http.get('/api/public/v1/goods/qsearch', {
                   query: this.kw
               })
               if (res.meta.status !== 200) {
                   return uni.$showMag()
               } else {
                   uni.$showMag('数据请求成功')
                   this.serchResults = res.message
                   this.saveSearch()
               }