小程序弹出输入框(简称弹框)可以让用户的小程序体验感更好,那么弹出输入框要怎么设置呢?设置完成后的效果是什么样的呢?看看微信小程序商店提供的资料:
modal
modal类似于javascript中的confirm弹框,默认情况下是一个带有确认取消的弹框,不过点击取消后弹框不会自动隐藏,需要通过触发事件小程序调用函数来控制hidden属性。
官方文档
.wxml
这是弹框的内容。
.js
Page(
data:{
hidden:false,
nocancel:false
},
cancel: function(){
this.setData({
hidden: true
});
},
confirm: function(){
this.setData({
nocancel: !this.data.nocancel
});
console.log("clicked confirm");
}
})
弹出输入框运行效果
以上就是关于小程序弹出输入框的全部内容了,具体开发设置需要的小程序代码和完成后的效果都介绍得很详细,有需要的话,你也可以对照上面的资料进行开发。