【微信小程序的模态框怎么样才可以弹出一个输入框 _小程序语言基础 】 | IT修真院·坑乎
问题已收录 微信小程序的模态框怎么样才可以弹出一个输入框
我也踩过这个坑( 1 )
已统计您的踩坑,无需重复点击
回答(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