小程序里面使用vant ui的Popup组件，点击按钮使得弹窗里的输入框自动获取焦点

最新推荐文章于 2024-08-15 23:28:06 发布

虾饺YYDS

最新推荐文章于 2024-08-15 23:28:06 发布

阅读量1.4k

点赞数 2

文章标签： javascript 小程序

本文链接：https://blog.csdn.net/m0_60738851/article/details/119739504

版权

微信小程序 input聚焦弹窗交互 cursor-spacing 前端开发

关键词由CSDN通过智能技术生成

先在input里放进下方代码

focus="{{isAutoFocus}}"

然后在data里定义

isAutoFocus:false

接着弹窗设置的设置

showPopup() {
    this.setData({
        isShow:true //这里是控制弹窗显示的，改为true
    })
    setTimeout(() => {
      this.setData({
        isAutoFocus: true, //这里是控制input框是否聚焦的，改为true
      });
    }, 500);
  },

补充：如果想要把底部弹窗给顶上去，需要在input里设置，默认的单位是px