微信名称输入框踩坑input type="nickname"无法获取点击的名称

240 阅读1分钟

如果直接使用v-model绑定 是无法拿到小程序名称输入框中的值的 废话不多说 直接上代码

<input type="nickname" id="nickname-input"  @blur="myblur"
            v-model="info.username"  />

myblur(e) {
        let _this = this
        uni.createSelectorQuery().in(this) // 注意这里要加上 in(this)  
          .select("#nickname-input")
          .fields({
            properties: ["value"],
          })
          .exec((res) => {
            console.log('昵称 createSelectorQuery', res[0].value)
                   })
      },

直接在失去焦点的时候 根据id获取标签然后拿值 通过测试 直接赋值的话 在模拟器中是不会生效的 但是在真机模拟和发布测试版本在手机上运行都是可行的 所以可以使用