input组件结合vant的popup组件,在input组件获得焦点时弹出键盘,三种情况下input组件虽然获得了焦点(focus="{{true}}"),但其中一种情况下并没有弹出键盘,这三种情况分别是:
onLoad(options) {
//方式一:可以获得焦点,并弹出键盘
this.setData({show: true, id: 'nickname'});
}
handleTogglePopup(e) {
let {show, id = null} = e.currentTarget.dataset;
//方式二:点击“打开Popup”不能获得焦点,弹出键盘
let data = {show, id};
this.setData(data);
//方式三:点击“打开Popup”能获得焦点,能弹出键盘
// this.setData({show});
// setTimeout(() => {
// this.setData({id});
// }, 50);
}
代码片段参考如下链接,需在index同级目录下执行:npm i @vant/weapp -S --production
https://developers.weixin.qq.com/s/B0zsabmv7KJv
你好,用原生组件还会有这个问题吗?