jdf2e / nutui

京东风格的移动端 Vue 组件库,支持多端小程序(A Vue.js UI Toolkit for Mobile Web)
https://nutui.jd.com
MIT License
6.12k stars 832 forks source link

input组件在confirm事件修改绑定值时双向绑定失效 #3078

Open Wyatex opened 4 months ago

Wyatex commented 4 months ago

NutUI 包名

@nutui/nutui-taro

NutUI 版本号

4.3.8

平台

weapp

重现链接

https://github.com/Wyatex/nutui-input-bug

重现步骤

  1. 使用nut-input组件
  2. 使用v-model绑定一个ref
  3. 使用@confirm绑定一个方法,在方法里面清空input绑定输入值
  4. 随便在input输入文字,然后点击输入法的确认按钮或者在电脑使用开发者工具按下回车键

期望的结果是什么?

输入法按下确认之后,清空ref的值,input里的字符也应该清空

实际的结果是什么?

虽然外层组件定义的ref的value已经被清空,但是input还是显示之前输入的文字

环境信息

 taro info 👽 Taro v3.6.26

Taro CLI 3.6.26 environment info: System: OS: Windows 11 10.0.22631 Binaries: Node: 20.10.0 - D:\Program Files\nodejs\node.EXE Yarn: 1.22.21 - D:\Program Files\nodejs\yarn.CMD npm: 10.2.3 - D:\Program Files\nodejs\npm.CMD npmPackages: @tarojs/cli: 3.6.26 => 3.6.26 @tarojs/components: 3.6.26 => 3.6.26 @tarojs/helper: 3.6.26 => 3.6.26 @tarojs/plugin-framework-vue3: 3.6.26 => 3.6.26 @tarojs/plugin-html: 3.6.26 => 3.6.26 @tarojs/plugin-platform-alipay: 3.6.26 => 3.6.26 @tarojs/plugin-platform-h5: 3.6.26 => 3.6.26 @tarojs/plugin-platform-jd: 3.6.26 => 3.6.26 @tarojs/plugin-platform-qq: 3.6.26 => 3.6.26 @tarojs/plugin-platform-swan: 3.6.26 => 3.6.26 @tarojs/plugin-platform-tt: 3.6.26 => 3.6.26 @tarojs/plugin-platform-weapp: 3.6.26 => 3.6.26 @tarojs/runtime: 3.6.26 => 3.6.26 @tarojs/shared: 3.6.26 => 3.6.26 @tarojs/taro: 3.6.26 => 3.6.26 @tarojs/taro-loader: 3.6.26 => 3.6.26 @tarojs/webpack5-runner: 3.6.26 => 3.6.26 babel-preset-taro: 3.6.26 => 3.6.26 eslint-config-taro: 3.6.26 => 3.6.26

其他补充信息

No response