nutui icon indicating copy to clipboard operation
nutui copied to clipboard

Dialog、ActionSheet组件内嵌套form表单,在真机调试下栈溢出

Open wlitd opened this issue 2 years ago • 6 comments

NutUI 包名

@nutui/nutui-taro

NutUI 版本号

4.2.0

平台

weapp

重现链接

重现步骤

提交

期望的结果是什么?

打开dialog或者actionSheet时填写保存表单

实际的结果是什么?

通过微信开发工具真机调式栈溢出,但是开发者工具预览没出现此问题,代码无死循环等等错误逻辑 屏幕截图 2023-12-27 165058

环境信息

👽 Taro v3.6.18

Taro CLI 3.6.18 environment info: System: OS: Windows 11 10.0.22631 Binaries: Node: 16.18.1 - ~\Documents\Node\node.EXE npm: 8.19.2 - ~\Documents\Node\npm.CMD npmPackages: @tarojs/cli: 3.6.18 => 3.6.18 @tarojs/components: 3.6.18 => 3.6.18 @tarojs/helper: 3.6.18 => 3.6.18 @tarojs/plugin-framework-vue3: 3.6.18 => 3.6.18 @tarojs/plugin-html: ^3.6.18 => 3.6.18 @tarojs/plugin-platform-alipay: 3.6.18 => 3.6.18 @tarojs/plugin-platform-h5: 3.6.18 => 3.6.18 @tarojs/plugin-platform-jd: 3.6.18 => 3.6.18 @tarojs/plugin-platform-qq: 3.6.18 => 3.6.18 @tarojs/plugin-platform-swan: 3.6.18 => 3.6.18 @tarojs/plugin-platform-tt: 3.6.18 => 3.6.18 @tarojs/plugin-platform-weapp: 3.6.18 => 3.6.18 @tarojs/runtime: 3.6.18 => 3.6.18 @tarojs/shared: 3.6.18 => 3.6.18 @tarojs/taro: 3.6.18 => 3.6.18 @tarojs/taro-loader: 3.6.18 => 3.6.18 @tarojs/webpack5-runner: 3.6.18 => 3.6.18 babel-preset-taro: 3.6.18 => 3.6.18 eslint-config-taro: 3.6.18 => 3.6.18

其他补充信息

vue3、Node16+、webpack5

wlitd avatar Dec 27 '23 08:12 wlitd

你好 @gyhyzx, 我们需要你提供一个最小重现实例以便于我们帮你排查问题。你可以提供一个基于 Taro NutUI4.0 模板项目的 GitHub 仓库链接(@nutui/nutui-taro),也可以通过 CodeSandbox 创建一个在线实例(@nutui/nutui)。请确保选择准确的版本。

github-actions[bot] avatar Dec 27 '23 09:12 github-actions[bot]

非常抱歉、这并不是一个bug,问题出现在我外面全局组件上的slot

wlitd avatar Dec 28 '23 08:12 wlitd

<template>
  <view>
    <nut-button type="primary" @click="onClick">测试</nut-button>
    <nut-action-sheet v-model:visible="visible" title="测试">
      <nut-form>
        <nut-form-item label="拍摄">
          <nut-grid :column-num="2" :border="false">
            <nut-grid-item v-for="item in fileList" :key="item.id">
              <nut-badge :color="'#ffffff'">
                <template #icon>
                  <CircleClose />
                </template>
                <img class="w-200 h-200" :src="item.sts" alt="" />
              </nut-badge>
            </nut-grid-item>
            <nut-grid-item>
              <nut-uploader url=""></nut-uploader>
            </nut-grid-item>
          </nut-grid>
        </nut-form-item>
      </nut-form>
    </nut-action-sheet>
  </view>
</template>

<script setup lang="ts">
import { FileInfo } from '@/busPackage/api/file'
import { CircleClose } from '@nutui/icons-vue-taro'

definePageConfig({
  navigationBarTitleText: '首页'
})

const fileList = ref<FileInfo[]>([])
const visible = ref<boolean>(false)
const onClick = () => {
  visible.value = true
}
</script>

抱歉提供一个复现仓库可能有点困难,这是我的首页代码,此代码在开发工具下预览没问题,真机到ios下出现上述栈溢出错误,ios17

wlitd avatar Dec 29 '23 03:12 wlitd

抱歉提供一个复现仓库可能有点困难,这是我的首页代码,此代码在开发工具下预览没问题,真机到ios下出现上述栈溢出错误,ios17

我们实际真机测试了这段代码在 iOS设备(iOS15)、安卓设备(安卓14),均没有出现类似问题

可能是其他因素导致的,建议提供完整的最小可复现仓库

eiinu avatar Jan 05 '24 02:01 eiinu

抱歉提供一个复现仓库可能有点困难,这是我的首页代码,此代码在开发工具下预览没问题,真机到ios下出现上述栈溢出错误,ios17

我们实际真机测试了这段代码在 iOS设备(iOS15)、安卓设备(安卓14),均没有出现类似问题

可能是其他因素导致的,建议提供完整的最小可复现仓库

https://github.com/gyhyzx/test.git 这是一个复现仓库、目前出现的问题是真机到IOS17下出现错误、真机到PC端无错误、安卓设备没有测试

wlitd avatar Jan 05 '24 07:01 wlitd

抱歉提供一个复现仓库可能有点困难,这是我的首页代码,此代码在开发工具下预览没问题,真机到ios下出现上述栈溢出错误,ios17

我们实际真机测试了这段代码在 iOS设备(iOS15)、安卓设备(安卓14),均没有出现类似问题 可能是其他因素导致的,建议提供完整的最小可复现仓库

https://github.com/gyhyzx/test.git 这是一个复现仓库、目前出现的问题是真机到IOS17下出现错误、真机到PC端无错误、安卓设备没有测试

使用 npm、yarn、pnpm 安装依赖后都无法启动这个项目……

eiinu avatar Jan 12 '24 10:01 eiinu