在使用 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;
},
暂无评论,抢个沙发...