微信小程序之model弹框

小程序model表达形式一般有两种：

1. 第一种：

wxml：
<button type="primary" bindtap="click">按钮</button>
<modal class="modal"  title='这是标题' confirm-text="确认" hidden="{{modalHidden}}" cancel-text="取消" bindcancel='modalCancel' bindconfirm='modalConfirm'>
这里是内容
</modal>js：
Page({data: {modalHidden:true }, click:function(){this.setData({modalHidden:!modalHidden});},//模态框取消modalCancel(){wx.showToast({title: '取消提交',icon:'none'})this.setData({modalHidden:true, //都可以})},
})

2. 第二种：

js不同：

click:function(){wx.showModal({title: '提示',content: '这是一个弹窗',success: function(res) {if (res.confirm) {console.log('用户点击确定')} else if (res.cancel) {console.log('用户点击取消')}}})
}

微信小程序之model弹框相关推荐

微信小程序自定义授权弹框
微信小程序自定义授权弹框最近微信获取用户信息的接口有调整,就是这货:wx.getUserInfo(OBJECT),文档描述如下: 此接口有调整,使用该接口将不再出现授权弹窗,请使用 <butt ...
微信小程序之底部弹框预约插件
代码地址如下: http://www.demodashi.com/demo/13982.html 一.前期准备工作: 软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq. ...
微信小程序自定义picker弹框组件
要有遥不可及的梦想,也要有脚踏实地的本事.----------- Grapefruit.Banuit Gang(香柚帮) 柚子写项目遇到了一个问题,就是微信小程序官方文档上面的弹框组件picker,它 ...
uniapp微信小程序的各种弹框提示（轻提示）
您直接复制粘贴即可使用不需要做特殊的处理. 如您满意请给莫成尘点个Fabulous 1: 纯文字提示框 uni.showToast({title: '只有文字弹窗',icon: 'none', //如 ...
html自定义js程序,JS中微信小程序自定义底部弹出框
实现微信小程序底部弹出框效果,代码分为html,css和js两部分,具体代码详情大家参考下本文. html CSS .commodity_screen { width: 100%; height: 1 ...
微信小程序点击按钮弹出弹窗_微信小程序开发弹出框实现方法
本文主要和大家分享微信小程序开发弹出框实现方法,本文所分享的代码很清晰,希望能帮助到大家. 消息提示框模态弹窗操作菜单 1.消息提示--wx.showToast(OBJECT) //show.js ...
【微信小程序封装底部弹出框二】
[微信小程序封装底部弹出框二]  <view><button style="margin-top: 300px;" ...
vue uniapp 微信小程序搜索下拉框模糊搜索
vue uniapp 微信小程序搜索下拉框模糊搜索话不多说直接贴代码 template <template><view class="index"> ...
微信小程序点击弹出输入框
微信小程序点击弹出输入框第一次写博客,我决定不要太old school. let's get it!最近在学习微信开发,刚接触到微信小程序,自己尝试着做了一个简单的小程序,过程中发现类似web开发中 ...

微信小程序之model弹框

小程序model表达形式一般有两种：

1. 第一种：

2. 第二种：

微信小程序之model弹框相关推荐

最新文章

热门文章