微信小程序 input type=nickname 输入框有值却获取不到

江河/ 2023年06月20日/ 小程序/ 浏览 5707

在使用 uniapp 开发微信小程序的时候,因为vue语法的加持,好多写法都变得非常方便。比如:


<input type="nickname" v-model="nickname" />


data() {
	return {
		nickname: '',
	}
},


变量 nickname 与 input 双向绑定,值的获取与设置都非常方便。


当 input type=nickname 的时候,点击输入框,会弹窗使用微信昵称的提示,点击提示,输入框也会正常显示。


但是,变量 nickname 却不能正确获取到值。


其原因,不得而知。大概是 uniapp 没有这对这一情形做适配。


为了修复这个问题,可以给 input 增加一个 blur 事件相应,在 blur 时手动设置一下变量 nickname 的值。如下:


<input type="nickname" @blur="onNicknameBlur" v-model="nickname" />


/**
 * 设置昵称
 */
onNicknameBlur(e) {
	this.nickname = e.detail.value;
},


发表评论

暂无评论,抢个沙发...

客服 工单