抖音开放平台Logo
开发者文档
控制台
  • API 概览
  • 开放能力
  • 基础
  • 渲染
  • 设备
  • 文件
  • 位置
  • 媒体
  • 网络
  • 游戏转发分享
  • 实时语音
  • 数据缓存
  • 系统
  • 广告
  • 界面
  • 键盘
  • 交互
  • 按钮
  • tt.showModal
  • tt.showLoading
  • tt.showActionSheet
  • tt.hideLoading
  • tt.showToast
  • tt.hideToast
  • 菜单
  • 支付
  • Worker
  • tt.showToast
    收藏
    我的收藏

    基础库 1.0.0 开始支持本方法,这是一个异步方法。

    显示灰色背景的消息提示框。

    前提条件
    业务背景
    使用限制
    • 尚未支持 image 和 mask 参数。
    • 多次弹出 toast/loading 时,后一个会立刻覆盖前一个。
    • 当显示图标时,最多能够展示 8 个汉字长度。不显示图标时,文本可最多展示 2 行。
    注意事项
    相关教程

    语法

    tt.showToast(options)

    参数说明

    options 为 object 类型,属性如下:

    属性名类型默认值必填说明最低支持版本
    iconstringsuccess

    图标,取值范围包括success, loading, none, fail(1.36.0版本支持)

    1.0.0
    durationnumber1500

    提示框停留时间,单位ms

    1.0.0
    titlestring

    内容

    1.0.0
    successfunction
    接口调用成功的回调函数
    1.0.0
    failfunction
    接口调用失败的回调函数
    1.0.0
    completefunction
    接口调用结束的回调函数(调用成功、失败都会执行)
    1.0.0

    回调成功

    object 类型,属性如下:

    属性名类型说明最低支持版本
    errMsgstring

    "showToast:ok"

    1.0.0

    回调失败

    object 类型,属性如下:

    属性名类型说明最低支持版本
    errMsgstring

    "showToast:fail " + 详细错误信息

    1.0.0

    扫码体验

    请使用字节宿主APP扫码

    代码示例

    开发者工具中预览

    tt.showToast({ title: "添加购物车成功", duration: 2000, success(res) { console.log(`${res}`); }, fail(res) { console.log(`showToast调用失败`); }, });