Skip to content

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

@LeoFeng23

Description

@LeoFeng23

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

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions