uniapp封装全局的提示方法
1. 在 main.js 内编写uni.$showMsg = function(title = "数据请求失败!", duration = 1500){uni.showToast({title,duration,icon: "none"})}2. 页面调用async getSwiperList() {const { message:res } = await api.getData('/home/
·
1. 在 根路径上新建 uitls文件夹 并在里面 新建文件 utils.js 内编写
const utils = {
toast: (title="数据加载失败...") => {
uni.showToast({
title,
icon: "none",
mask: true
})
}
}
// 全局挂载
uni.$utils = utils
// 模块导出 每次使用都要导入 (太麻烦)
export default utils
2. 在 main.js 文件内写以下代码,如果有错的话就注意你自己的路径!!!
// 执行 utils/utils.js 文件里面的代码
import "utils/utils.js"
3. 页面调用,随便在一个页面的 onLoad 回调内试一下看看有没有提示
onLoad() {
// 页面使用
uni.$utils.toast("全局挂载的提示方法!!")
},
更多推荐
已为社区贡献4条内容
所有评论(0)