Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

多次封装nut-form之后nut-input输入内容时会触发blur事件导致输入框失焦 #2123

Closed
LeoFeng23 opened this issue Feb 20, 2023 · 2 comments
Assignees
Labels
Milestone

Comments

@LeoFeng23
Copy link

LeoFeng23 commented Feb 20, 2023

NutUI scenes(nutui 场景)

小程序(@nutui/nutui-taro)

NutUI-vue version(nutui-vue 版本)

4.0.1

Vue version(vue 版本)

3.2.47

Operating environment(运行环境)

dev:weapp

Citation method(引用方式)

npm

Node version(node 版本)

18.14.1

Browser and its version(浏览器及其版本)

109.0.5414.119

System and its version(系统及其版本)

Mac os(13.1)

Taro environmental information(taro 环境信息)

👽 Taro v3.6.1

Taro CLI 3.6.1 environment info:
System:
OS: macOS 13.1
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 18.14.1 - ~/.n/bin/node
Yarn: 1.22.19 - ~/Library/pnpm/yarn
npm: 9.3.1 - ~/.n/bin/npm
npmPackages:
@tarojs/cli: 3.6.1 => 3.6.1
@tarojs/components: 3.6.1 => 3.6.1
@tarojs/helper: 3.6.1 => 3.6.1
@tarojs/plugin-framework-vue3: 3.6.1 => 3.6.1
@tarojs/plugin-html: 3.6.1 => 3.6.1
@tarojs/plugin-platform-alipay: 3.6.1 => 3.6.1
@tarojs/plugin-platform-h5: 3.6.1 => 3.6.1
@tarojs/plugin-platform-jd: 3.6.1 => 3.6.1
@tarojs/plugin-platform-qq: 3.6.1 => 3.6.1
@tarojs/plugin-platform-swan: 3.6.1 => 3.6.1
@tarojs/plugin-platform-tt: 3.6.1 => 3.6.1
@tarojs/plugin-platform-weapp: 3.6.1 => 3.6.1
@tarojs/plugin-vue-devtools: ^3.6.1 => 3.6.1
@tarojs/router: 3.6.1 => 3.6.1
@tarojs/runtime: 3.6.1 => 3.6.1
@tarojs/service: 3.6.1 => 3.6.1
@tarojs/shared: 3.6.1 => 3.6.1
@tarojs/taro: 3.6.1 => 3.6.1
@tarojs/webpack5-runner: 3.6.1 => 3.6.1
babel-preset-taro: 3.6.1 => 3.6.1
eslint-config-taro: 3.6.1 => 3.6.1

Reproduction link(重现链接)

codesandbox.io

Steps to reproduce(重现步骤)

  1. 将nut-form以及nut-input的调用封装在form-com.vue中
  2. 创建com-lv1组件调用form-com组件,创建com-lv2调用com-lv1
  3. 在具体页面中调用com-lv2

What is expected?(期望的结果是什么?)

nut-input输入正常,输入框不会失焦

What is actually happening?(实际的结果是什么?)

在微信小程序中nut-input在输入内容时会触发blur事件导致输入框失焦

Remarks(补充说明)

业务场景中,需要根据配置生成动态表单,所以需要多级封装nut-form

@LeoFeng23 LeoFeng23 changed the title 多次封装nut-form之后nut-input会频繁触发blur事件导致输入框失焦 多次封装nut-form之后nut-input输入内容时会触发blur事件导致输入框失焦 Feb 20, 2023
@eiinu eiinu added the Need Reproduce 需要提供可复现的代码用于问题排查 label Feb 20, 2023
@github-actions
Copy link

你好 @LeoFeng23, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。请确保选择准确的版本。

@LeoFeng23
Copy link
Author

@eiinu eiinu added bug and removed Need Reproduce 需要提供可复现的代码用于问题排查 labels Feb 20, 2023
@eiinu eiinu added this to the v4.0.2 milestone Feb 21, 2023
@szg2008 szg2008 closed this as completed Feb 24, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants