【uniapp-uni.showModal不生效】

最新推荐文章于 2024-04-15 13:22:33 发布

聚宝盆_

最新推荐文章于 2024-04-15 13:22:33 发布

阅读量847

点赞数 10

分类专栏：记录项目中遇到的问题文章标签： uni-app 前端 javascript

本文链接：https://blog.csdn.net/weixin_47416539/article/details/135260104

版权

记录项目中遇到的问题专栏收录该内容

44 篇文章 0 订阅

订阅专栏

uni.showModal点击确定的时候，里面的变量或者执行的动作没有生效，只需在success后面加bind(this)

uni.showModal({
	title: '温馨提示',
		content: '还没有保存，是否关闭?',
		success: function(res) {
			if (res.confirm) {
				this.isShow = false
			} 
		}.bind(this)
	})

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

聚宝盆_

关注关注

10
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
【uniapp-uni.showModal不生效】

点击确定的时候，里面的变量或者执行的动作没有生效，只需在。
复制链接

扫一扫

专栏目录

浅析微信小程序modal弹窗关闭默认会执行cancel问题

10-16

主要介绍了小程序modal弹窗关闭默认会执行cancel方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下

JS移动端点击弹出遮罩层

07-03

Javascript实现移动端点击按钮弹出遮罩层，自适应移动端屏幕大小。

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

uniapp uni.showModal交互按钮，避免误触窗口，再确定提示窗口

qq_37455326的博客

01-13

723

【代码】uniapp uni.showModal交互按钮，避免误触窗口，再确定提示窗口。

uniapp uni.showModal 在ios没效果不弹出的问题

weixin_42307129的博客

03-22

5723

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

最新发布

qq_60272948的博客

04-15

2454

所以你可以用uni.showModal进行一个判断，假如你想删除物品，又想用户二次确认后删除，就可以用uni.showModal,如果点击了确定，调用接口删除数据并重新渲染数据。是 Uni-app 框架中的一个API，主要用于在应用中弹出一个模态对话框。当你点击了确定，confirm为true，cancel为false,当你点击了取消，confirm为false，cancel为true。title标题，content内容，success接口调用成功的回调函数，success里接受的数据有这些。

uni.showModal 在微信小程序不显示，也不报错，uni-app的坑慢慢踩？

weixin_45740510的博客

02-15

4138

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('用

用HBuilderX开发app的时候，uni.showModal没有生效（已解决）

weixin_43738127的博客

03-12

7046

错误原因：我把uni.showModal的‘content’属性写错了，少了个字母‘t’，成了‘conten’。解决方法：把单词更正它就显示出来了。附图：注：百度上说‘content’属性是必填项，如果有遇到同样问题的小伙伴可以往这方面检查一下。如有错误，欢迎各路大神指导~ ...

uniapp｜showModal不显示

爱玩的安哥

09-07

1400

原因：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 在微信小程序不显示的问题解决

lyz246859的博客

01-26

662

原来是内容的字符太长了，导致出现问题，因此，修改了长度后，就没问题了。

ShowModal.rar

06-29

点击按钮弹框，包括确认、取消按钮，支持用户输入内容。

实现文字左右对齐效果

04-04

这个源码案例是一款实现文字左右对齐效果，源码justified，justified实现Textview和Edittext文字左右对齐，大家可以参考一下吧。

微信小程序实现自定义modal弹窗封装的方法

01-03

小程序官方提供了 wx.showModal 方法，但样式比较固定，不能满足多元化需求，自定义势在必行~ 老规矩先上图点击某个按钮，弹出 modal框，里面的内容可以自定义，可以是简单的文字提示，也可以输入框等复杂布局。...

uniapp 小程序端 vue 自定义v-model无效

qq_42339350的博客

06-30

2678

修改后成功的写法其他我的内心。。。

uni-app 之 API 入门教程 uniapp在线教程 uni app视频教程

04-28

主要讲解uni-app中常用的API的使用技巧、定时器、跳转、界面、网络数据的获取和传递、缓存、图片选择、拍照、上传等，这些都是我们在实战中都要用到的基础。

uniapp中自定义showModal样式

热门推荐

在无知中学习，在学习中成长，在成长中学习

07-23

1万+

uniapp中自定义showModal样式页面中使用在main.js中引入show-modal组件创建组件show-modal组件名称show-modal.vue创建initModal.js 页面中使用 <show-modal></show-modal> this.$showModal({ title: '', content: '当', cancelText:"取消", confirmText:"生成赛果", success(res) {

uniapp 的提示框uni.showToast与确认框uni.showModal

前端小陈的成长记录

08-07

2973

uniapp 提示框与确认框

uniapp自带的显示消息提示框（uni.showToast，uni.showModal）。

m0_75047254的博客

07-16

1万+

【代码】uniapp自带的显示消息提示框（uni.showToast，uni.showModal）。

uni.showModal内部方法调用失败问题

weixin_47094365的博客

11-30

693

uni.showModal是一个异步的函数，异步进行一次弹窗操作，这就使得函数域this指向的window或者其他域，由此是读不到data里数据。（三）在success后面加上.bind(this)（二）在外面定义一个that，将。赋值给一个变量/常量。

uniapp自定义showModal，纯js调用，支持富文本，支持slot

qq_26241443的博客

08-24

3654

可以自定义界面的showModal，全局统一设置弹窗样式，直接通过js调用，使用方法与uni.showModal一致但是扩展了更多功能，体验极佳。

uniapp的uni.showModal很难看

08-20

根据提供的引用内容，我了解到你提到了uniapp的选择地点页面和样式问题。然而，你的问题是关于uniapp的`uni.showModal`的外观问题，而不是选择地点页面的问题。很抱歉，但是我无法回答你关于`uni.showModal`的外观问题，因为在提供的引用内容中没有相关信息。请提供更多关于`uni.showModal`的引用内容，以便我能够更好地回答你的问题。123 #### 引用[.reference_title] - *1* [uniapp 微信小程序选择地图位置并返回经纬度及详细地址（uni.chooseLocation和高德地图api两种方式实现）](https://blog.csdn.net/yehaocheng520/article/details/111609433)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [uni-app弹出层uni-popup使用以及修改默认样式](https://blog.csdn.net/lsjweiyi/article/details/123882666)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交