微信小程序的模态框怎么样才可以弹出一个输入框
我也踩过这个坑( 1 )
小程序语言基础
详细描述
截图
代码
编辑于2024-11-23
-
[深圳|结业弟子]JS-韩鹏0
这里有个demo你参考下:
<!--show.wxml-->
<view class="container" class="zn-uploadimg"><button type="primary"bindtap="modalinput">modal有输入框</button></view><modal hidden="{{hiddenmodalput}}" title="请输入验证码" confirm-text="提交" cancel-text="重置" bindcancel="cancel" bindconfirm="confirm"><input type='text'placeholder="请输入内容" auto-focus/></modal>//show.js//获取应用实例var app = getApp()Page({data: {hiddenmodalput: true,//可以通过hidden是否掩藏弹出框的属性,来指定那个弹出框},//点击按钮痰喘指定的hiddenmodalput弹出框modalinput: function () {this.setData({hiddenmodalput: !this.data.hiddenmodalput})},//取消按钮cancel: function () {this.setData({hiddenmodalput: true});},//确认confirm: function () {this.setData({hiddenmodalput: true})}})这里是微信开发中几种弹框的实现方法:https://blog.csdn.net/mazegong/article/details/78135555?locationNum=2&fps=1
编辑于2018-09-07
- 去第 页