input type=nickname获取小程序昵称

[xiaochong44]

相关平台

微信小程序

小程序基础库: 2.24.6
使用框架: Vue 3

复现步骤

input设置了 type=nickname 并设置了v-model绑定，在小程序里通过快捷方便填入昵称以后绑定的值没有变化，改用ref去获取控件的value属性也是空

期望结果

小程序里通过快捷方式填入昵称，绑定的值同步变化

实际结果

小程序里通过快捷方式填入昵称，绑定的值没有变化

环境信息

 Taro CLI 3.4.12 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 16.14.0 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
      npm: 8.3.1 - C:\Program Files\nodejs\npm.CMD

[alphardex]

可以用这个临时解法，不知啥时能修复

Taro.createSelectorQuery()
  .select("#nickname-input")
  .fields({
    properties: ["value"],
  })
  .exec((res) => {
    const nickname = res[0].value;
    // 处理nickname
  });

[Dr294769070]

uniapp版本

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

[feiandxs]

过去这么久了仍然是使用这个方法解决的，thx

[ghost]

您好，请问修复了吗

[Chen-jj]

楼上没有提供 Demo，简单模拟了一下，Taro 最新版本中并没有复现（iPhoneX）：

<template>
  <view>
    <input type="nickname" placeholder="nickname.." v-model="value" ref="inputRef">
    <view><text>value: {{ value }}</text></view>
    <button @tap="onClick">click me</button>
  </view>
</template>

<script setup>
  import Taro, { useReady } from '@tarojs/taro'
  import { ref } from 'vue'

  const value = ref('')
  const inputRef = ref()

  function onClick () {
    console.log('ref: ', inputRef.value.value)
  }
</script>

[zhongzi]

模拟也是通过ref取值，正常来说v-model不应该自动设值吗？🙏
目前测试结果如下图：zz 是原值，中仔 是微信名称，只有dom selector方式才能取到正确的值
vue: 3.4.19
taro: 3.6.23
weapp: 3.6.23