您当前的位置: 首页 > 知识百科 > 小程序弹出输入框怎么设置

小程序弹出输入框怎么设置

时间:2023-07-01 14:05 阅读数:108 人阅读 分类:知识百科

  小程序弹出输入框(简称弹框)可以让用户的小程序体验感更好,那么弹出输入框要怎么设置呢?设置完成后的效果是什么样的呢?看看微信小程序商店提供的资料:

  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");

  }

  })

  弹出输入框运行效果

  以上就是关于小程序弹出输入框的全部内容了,具体开发设置需要的小程序代码和完成后的效果都介绍得很详细,有需要的话,你也可以对照上面的资料进行开发。

  

  微信小程序输入框样式大全

  微信小程序如何弹出输入框?

  微信小程序输入框光标,微信小程序 input输入框控件