uni.showModal 在微信小程序不显示的问题解决

最新推荐文章于 2024-05-15 15:00:27 发布
最新推荐文章于 2024-05-15 15:00:27 发布
阅读量803 收藏 10
点赞数 7
文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lyz246859/article/details/135496854
版权
在使用uniapp开发微信小程序时遇到modal弹窗无法点击的问题，经查阅官方文档发现是由于内容字符过长导致。调整内容长度后，问题得以解决。
摘要由CSDN通过智能技术生成

最近用uniapp开发微信小程序的时候 发现使用uni.showModal弹窗的时候，点击弹不出来，而且也没有任何报错，当时很诧异，不知道问题出在哪里，在仔细看了showModal的官方文档后，才发现了问题所在：
在这里插入图片描述
原来是内容的字符太长了，导致出现问题，因此，修改了长度后，就没问题了

lyz246859
关注
  • 7
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp uni.showModal 出现点击没有反应
Edwin_jade的博客
05-31 578
showModal 不弹窗 没反应
uniapp｜showModal不显示
爱玩的安哥
09-07 1493
原因：content为空，可以设置个默认值来解决！ uni.request({ url: url, method: method || "GET", header: header, data: data, success: res => { // console.log('success:' + JSON.stringify(res.statusCode)); if (res.statusCode && res.statusCode != 200) {
uni.showModal 在微信小程序不显示，也不报错，uni-app的坑慢慢踩？
weixin_45740510的博客
02-15 4322
uni.showModal的格式 uni.showModal({ title: "温馨提示", content: "填写100字以上的工作描述，能够提升面试几率哦~", confirmText: "提交保存", cancelText： "继续补充" showCancel:false, success: (res) => { if (res.confirm) { console.log(111) }else if (res.cancel) { console.log('用
uniapp uni.showModal 在ios没效果不弹出的问题
weixin_42307129的博客
03-22 5772
uni.showModal({ title: '标题', content: '内容', //此处不能为空否则在ios上无法弹出 success: function(res) { if (res.confirm) { uni.redirectTo({ url: '../pay/pay' }) } else if (res.cancel) { uni.sw...
【uniapp-uni.showModal不生效】
weixin_47416539的博客
12-28 996
点击确定的时候，里面的变量或者执行的动作没有生效，只需在。
uni.showModal在手机端没有反应
wwf1225的博客
11-07 3565
content 必填
微信小程序实现自定义modal弹窗封装的方法
01-03
小程序官方提供了 wx.showModal 方法，但样式比较固定，不能满足多元化需求，自定义势在必行~ 老规矩先上图 点击某个按钮，弹出 modal框，里面的内容可以自定义，可以是简单的文字提示，也可以输入框等复杂布局。...
浅析微信小程序modal弹窗关闭默认会执行cancel问题
10-16
在进行微信小程序开发时，理解组件的工作原理以及它们与网络请求之间的交互至关重要，这样可以帮助开发者更有效地排查和解决问题。 总之，当遇到微信小程序modal弹窗关闭时默认执行cancel事件的问题时，应检查与之...
微信小程序引导组件【添加到我的小程序】
03-30
微信小程序是一种轻量级的应用开发平台，由腾讯推出，它允许开发者快速构建可以在微信内运行的应用。在微信小程序中，为了提升用户体验并增加用户粘性，通常会采用一些引导策略来帮助用户更好地理解和使用小程序。本...
微信小程序自定义渐变顶部导航条.rar
08-28
在微信小程序开发中，自定义导航条是一种常见的需求，它能提供更加个性化和独特的用户体验。本教程主要聚焦于如何利用微信小程序的特性实现自定义渐变顶部导航条，并且涵盖自定义返回键的实现方法。 首先，我们需要...
微信小程序自定义模态弹窗插件
03-29
最近在写微信小程序的时候用到了模态弹窗，但是发现微信官方给的wx.showModal(OBJECT)可自定义性还是太少，满足不了某些情况下的需求。 比如，用户点击了蒙层，而不是点击取消按钮，弹窗也会去执行取消事件，并且将...
【Uniapp】简易封装提示框showToast/showModal
最新发布
cnsv的博客
05-15 318
【Uniapp】简易封装提示框showToast/showModal
uni-app小程序 uni.showToast字数超过两行自动省略显示不全问题
m0_65069237的博客
01-18 3722
在实际开发过程中如果用户提交某些文件时，如果缺少某些条件我们要提醒用户缺少那些条件才能提交，但是如果我们用。的时候就会导致文字显示不全，达不到提醒的效果，这种时候我们就需要使用。uni.showToast提醒的次数超过7个字。uni.showModa显示态弹窗。
uni.showModal 点击确认提示 Cannot read property ‘ ‘ of undefined
单飞吧的博客
01-16 1457
该错误是是因为 success 后面是 function，里面的 this 指向错误，如下 uni.showModal({ title: '提示', content: '确认删除', success: function (res) { if (res.confirm) { this.$requst.login(this.apiUrl+'api/member/delcart',{ id:id
uniapp自定义弹窗之随时更换弹窗背景的实现
2401_84009300的博客
03-29 740
给大家分享一些关于HTML的面试题，有需要的朋友可以戳这里获取，先到先得哦。由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）给大家分享一些关于HTML的面试题，有需要的朋友可以戳这里获取，先到先得哦。[外链图片转存中…(img-66LqAln7-1711725453977)][外链图片转存中…(img-wkmsuJJg-1711725453977)]
uviewUI中u-popup组件show属性显示和不显示控制问题
沧笙踏歌的博客
12-08 9939
问题 在uviewUI中u-popup组件show并不是用来控制弹出层的显示与否，而是用v-model来进行控制，注意查看官方的API 解决 在控件上面加入v-model控制即可 <template> <view class="content"> <u-popup v-model="show" @close="close" @open="open" :round="10" mode="top" class="pop"> <view&g
uni-app 写支付宝小程序 监测页面不存在的方法
weixin_61380191的博客
12-01 1166
can not find page: pages/xxx 或者pages/xxx not found
uniapp兼容支付宝小程序遇到的问题
m0_47048022的博客
11-21 750
uniapp在开发微信小程序时很流畅，基本不会遇到语法堵塞，但是兼容支付宝小程序的时候会有一些画面异常需要兼容。
如何更改uni.showModal输入框
07-28
要更改uni.showModal输入框，你可以按照以下步骤进行操作： 1. 打开你的代码编辑器，找到包含uni.showModal的代码段。 2. 在uni.showModal的参数对象中，找到confirmText和cancelText属性。 3. 将这两个属性的值修改为你想要显示在输入框上的文本，确保文本长度不超过4个汉字或8个数字字母。 4. 保存代码并重新编译运行你的uni-app项目。 请注意，uni.showModal在微信小程序中有长度限制，最多允许4个汉字或8个数字字母。这是由于不同编码下汉字所占的字节不一样。因此，在修改输入框文本时，请确保文本长度符合微信小程序的限制。\[3\] #### 引用[.reference_title] - *1* *3* [uni.showModal 在微信小程序不显示，也不报错，uni-app的坑慢慢踩？](https://blog.csdn.net/weixin_45740510/article/details/122941341)[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.showModal](https://blog.csdn.net/qq_40666120/article/details/106720031)[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 ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值