微信小程序——解决wx.showToast()消息提示框内容显示不全问题

最新推荐文章于 2025-03-04 17:45:37 发布

贝塔贝卡贝

最新推荐文章于 2025-03-04 17:45:37 发布

阅读量1.6w

点赞数 4

文章标签：小程序

本文链接：https://blog.csdn.net/Kiruthika/article/details/118547721

版权

使用wx.showToast()方法，如果提示内容超出小程序规定的限制，则会出现显示不全问题
在这里插入图片描述
看到这，解决办法：
第一种：修改提示内容，按其规定的长度去展示
第二种：将其 icon的属性值设置成 none即可

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

贝塔贝卡贝

关注关注

4
点赞
踩
9

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

微信小程序——封装消息提示框wx.showToast()方法

月来better

07-06

1566

客户端产品需要做交互是不可缺的，比如说消息提示框,假如好几个地方都需要用到消息提示框，如果不封装的话，那就需要多出调用微信官网api方法，显得代码特别冗余。如果我们将其封装一个通用的方法的话，只需要在其需要调用的地方写极为简洁一行的代码，看着既简洁又明了；封装showToast方法： /** * 消息提示框 * @param {*} msg 提示的内容 * @param {*} status 图标 */ function showToast(msg, status) { wx.showToa

微信小程序toast组件（解决wx.showToast文本最多显示两行问题）

吴冬雪的博客

05-11

5946

【代码】微信小程序toast组件（解决wx.showToast文本最多显示两行问题）

2 条评论您还未登录，请先登录后发表或查看评论

解决微信小程序真机 showToast 不显示

03-29

花了一周多，终于把公司小程序做出来了。真机上测试发现调用 showToast 不显示，或者闪一下就没了。经过查找，发现是与 wx.showLoading 冲突了，两者调用的是同个框。先放上我的错误代码： // 请求事件 requestEvent: function() { wx.showLoading({ title: '正在加载中', }) wx.request({ url: '', success: function(res) { wx.showToast({ title: '成功', duration: 2000 }) }, fail: function() { wx.show

【微信小程序】常用6个消息框的使用心得及使用说明

最新发布

xuezhi789的博客

03-04

1216

在微信小程序开发过程中，我们会经常的消息框功能，常用的有‌wx.showToast‌、wx.showModal‌、wx.showLoading、wx.showActionSheet‌、wx.hideToast、wx.hideLoading‌下面我们结合着例子给大家讲解一下。

微信小程序-wx.showToast超长文字展示不全

c1o2c3o4的博客

05-31

4345

根据官方文档，icon=none，最多显示两行文字。所以如果提示信息较多，超过两行，就需要用其他方式解决。1、要在xml里面添加，否则就会报错找不到节点。2、要在ts或者js引入，否则就无法使用。3、在ts或者js页面先引入再使用。1、在需要使用的json页面引入。2、在xml页面添加。

兼容苹果手机在小程序提示框显示不全

weixin_44106635的博客

05-05

1734

兼容ios系统toast提示不全

wx.showLoading不显示

Anyuegogogo的博客

01-29

1790

wx.showLoading不显示

详解微信小程序开发之——wx.showToast(OBJECT)的使用

08-31

在微信小程序开发中，`wx.showToast()` 是一个非常重要的API，用于显示短暂的消息提示框，为用户提供即时反馈。这个方法适用于各种场景，比如用户操作成功或正在进行加载时，能有效提升用户体验。下面我们将深入探讨...

SundayAaron微信小程序开发——wx.showToast(OBJECT)的使用

03-29

wx.showToast API是显示消息提示框的作用。先让我们看一下官方的文档说明： (此图片来源于网络，如有侵权，请联系删除! ) 注意：其中的图标，只支持”success”、”loading” 示例代码： wx.showToast({ title...

uni-app小程序 uni.showToast字数超过两行自动省略显示不全问题

m0_65069237的博客

01-18

5411

在实际开发过程中如果用户提交某些文件时，如果缺少某些条件我们要提醒用户缺少那些条件才能提交，但是如果我们用。的时候就会导致文字显示不全，达不到提醒的效果，这种时候我们就需要使用。uni.showToast提醒的次数超过7个字。uni.showModa显示态弹窗。

uni-app 小程序 uni.showToast字数超过两行自动省略显示不全问题

maoge_666的博客

07-19

1万+

uni-app 小程序 uni.showToast字数超过两行自动省略显示不全问题

小程序（十三）小程序弹窗wx.showToast及wx.showModal

camellia的博客

10-09

1385

我这版的小程序中，没有使用到确定取消那样的弹窗，基本上用到的就是，加载中，成功或者失败那种消息提示类的弹窗。微信本身给我们提供了一个这样的弹窗wx.showToast(Object object)，挺好用的，我也没有再去折腾第三方组件的消息提醒弹窗。 Object object 这些事官方给出的参数。注意，icon设置为none的时候，就是没有图标纯文字的状态，这个就很好了。这个玩意既能有图标，又能没有图标，百变小能手啊。注意一下，自定义显示图标不能是动图，他这是只加载图片的第一帧，所以，动图是

微信小程序总结

快乐学代码

07-03

768

事件绑定 scroll-view 必须要写高度与滚动方向样式设置三个view改为一行 1.利用浮动-----float：left 2.或者给父标签一个display：flex；有间隙的话利用justify-conent：space-around block与view block相当于vue中的template不占用位置（减少了不必要的渲染元素） wx:if与hidden 1.运行方式不同 wx:if 以动态创建和移除元素的方式，控制元素的展示与隐藏 hidden 以切换样式的方式（ dis

uniapp的uni.showToast提示框显示不全替代处理方法

m0_63676841的博客

10-30

1585

uniapp的uni.showToast提示框显示不全替代处理方法

关于微信小程序得提示信息组件在ios无法全部展示得问题

走在路上的张先森

05-14

2248

微信小程序官方提供了提示信息得api wx.showToast({ title: '成功', icon: 'success', duration: 2000 }) 但是有一个问题：安卓在超过两行的时候会正常显示提示文字，微信开发者工具显示也是正常的，但是真机调试iPhone手机不会完全显示超出的文字，这个问题目前已经存在许久了，微信之前的限制也是只有15个文字以内。如图，后面的三个字在苹果是展示不出来的(另外uniapp的toast组件也是无法全部展示的)。解决方法：目前这种问题是微信的

小程序 wx.showToast 不显示的原因

牛哞哞杂记

12-02

8597

问题： 小程序中使用 wx.showToast 但页面却不显示提示框 原因：微信开发文档里有说明而我在使用 wx.showToast 方法前，已经调用了 wx.showLoading 方法了。解决办法：在 wx.showTo 前调用 wx.hideLoading 隐藏加载方法，就可显示提示框。 ...

小程序wx.showToast自定义图片不显示的原因

EStringDoggi的博客

09-28

6729

小程序wx.showToast自定义图片不显示的原因 小程序wx.showToast接口提供交互反馈效果，默认图标为success if(text == "") { wx.showToast({ title: '文字内容为空', image:'/img/icon/icon_26.png' }) } image指定自...

微信小程序的提示框 showToast 和 showLoading

热门推荐

纠缠AI的亮子

05-16

10万+

用户操作得到即时反馈，这是很好的用户体验，所以我们经常会使用提示框来反馈一些简短信息。提示框显示后，通常自己关闭，对用户的打扰降到最低。下面简单对比一下常用两个显示对话框方式： showToast 和 showLoading wx.showToast() wx.showLoading() 参数 title icon...

微信小程序wx.showToast

07-28

微信小程序中的wx.showToast()是一个用于显示消息提示框的API。它接收一个对象作为参数，该对象包含了一些属性来配置提示框的样式和行为。其中，title属性是必填项，用于设置提示的内容。icon属性是非必填项，用于设置显示的图标，可选值有success、error、loading和none。duration属性用于设置提示的延迟时间。mask属性用于设置是否显示透明蒙层。success、fail和complete属性分别是接口调用成功、失败和结束时的回调函数。\[1\] 例如，在小程序的index.js文件中，可以使用wx.showToast()来显示不同的提示框。比如，通过设置icon为success，可以显示一个成功的提示框，设置icon为loading，可以显示一个加载中的提示框。\[2\] 需要注意的是，wx.showToast()的消息框会自动消失，不需要用户手动关闭。如果需要用户进行确认操作，可以使用wx.showModal()函数，该函数会显示一个带有确定和取消按钮的交互框。在回调函数success中，可以根据用户按下的按钮执行相应的操作。\[3\] #### 引用[.reference_title] - *1* [微信小程序中使用wx.showToast()进行界面交互](https://blog.csdn.net/qzw752890913/article/details/125632893)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [微信小程序开发之——wx.showToast(OBJECT)的使用](https://blog.csdn.net/SundayAaron/article/details/53392431)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [微信小程序：消息提示框（wx.showToast）和交互提示框（wx.showModal）](https://blog.csdn.net/Caesar6666/article/details/105810633)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]