uni.showToast(OBJECT)消息提示框

参考官网文档： https://uniapp.dcloud.io/api/ui/prompt?id=showtoast
这几天在写uni-app ，过来记录一下提示框，免得下次会忘记~

先可以记住几个比较重要的参数：

title: 提示的内容，长度与 icon 取值有关
icon: 图标
duration: 提示的延迟时间，单位毫秒，默认：1500
其他几个参数用的不是很多，感兴趣的可以看看官方文档
下面是具体实现内容：

uni.showToast({title: '新增成功',icon: 'none',duration:3000})

结果：

不加icon 的情况：

uni.showToast({title: '新增成功',duration:3000})

其实用这个很简单，直接把那几行代码写进去就可以，但是有时候会出现showToast() 、hideLoading() 、showloading() 之间不能同时显示的问题，也就是这三个之间会发生冲突。

关于冲突的问题有个博主讲的很详细，不太清楚的可以看看，可以帮助逻辑上的理解。
博主地址

解决冲突看完这个博主的应该有思路了吧？还没思路就读三遍，就可以解决你的小bug 了哦
赶紧去解决BUG 吧！
解决冲突的就不写了哈，具体情况具体分析！

uni.showToast(OBJECT)消息提示框相关推荐

uniapp 消息提示框
uni.showToast(OBJECT) 显示消息提示框. OBJECT参数说明参数类型必填说明平台差异说明 title String 是提示的内容,长度与 icon 取值有关. i ...
微信小程序：消息提示框
前言相比H5弹出框的实现方式要么用插件,要么自己写:微信小程序则提供了几个弹出框api,使用起来更简单.方便:每个api都有不同的使用方式.场景,今天我们就来说说小程序的几种弹出框. 目录 wx.s ...
微信小程序—封装消息提示框wx.showToast()方法
封装showToast方法: /*** 消息提示框* @param {*} msg 提示的内容* @param {*} status 图标*/ function showToast(msg, stat ...
微信小程序：消息提示框（wx.showToast）和交互提示框（wx.showModal）
摘要: 有时需要提示框来提醒我们相应信息,以及交互提示框来让我们是否继续进行操作. 一.消息提示框 (1)参数介绍消息提示框只有提示作用,不能交互,函数是wx.showToast,下面列出几个主要且 ...
微信小程序-消息提示框实例
做Android的时候对toast是很熟悉的.微信小程序开发中toast也是重要的消息提示方式. 提示框: wx.showToast(OBJECT) 显示消息提示框 OBJECT参数说明: 示例代码: ...
uni-app——实现消息提示框
当时在做登录那边需要做一些交互,所以必不可少要用到消息提示框. uni.showToast({title: '提示框中消息内容',duration: 2000 }); 如果不设置icon属性值时,其默 ...
html如何设置提示收到消息,从零开始实现一个消息提示框
引言消息提示框在实际应用场景当中比较常见,最常用的就是element ui的消息提示框,我们通常都是直接使用它们,但是我们有没有尝试过去探究其实现原理,并自己动手实现呢?为了提升我们的个人能力和竞争 ...
uniapp 显示消息提示框操作
显示消息提示框就就是点击按钮操作成功提示的消息官方文档 : https://uniapp.dcloud.io/api/ui/prompt?id=showtoast // 实例代码methods: { ...
QGC注释消息提示框
消息提示框:有时显示时覆盖想要看的界面,可注释!

uni.showToast(OBJECT)消息提示框

uni.showToast(OBJECT)消息提示框相关推荐

最新文章

热门文章