seho20001123
seho20001123
  • 发布:2022-12-04 22:40
  • 更新:2022-12-06 14:54
  • 阅读:364

【报Bug】swiper-item中使用弹窗导致fixed异常 (vue3 + vite + cli创建工程)

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: m1

手机系统: Android

手机系统版本号: Android 12

手机厂商: 华为

手机机型: 模拟器

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: CLI

CLI版本号: 3.0.0-alpha-3060120220907002

操作步骤:

如题

预期结果:

如题

实际结果:

如题

bug描述:

详见: https://github.com/dcloudio/uni-app/issues/4033
需要解决renderjs的问题, 或者其他解决方案, 比如支持vue3的teleport

2022-12-04 22:40 负责人:无 分享
已邀请:
seho20001123

seho20001123 (作者) - 菜鸟一个

这个帖子的答案不适合我, 因为renderjs报错, https://ask.dcloud.net.cn/question/140124

BoredApe

BoredApe - 有问题就会有答案。

使用

npx degit dcloudio/uni-preset-vue#vite my-vue3-project

新创建的项目运行到安装手机中正常。未出现报错。
请上传一个能重现问题的测试工程

  • seho20001123 (作者)

    https://github.com/4chao/preset 这个工程, 直接down下来用yarn安装即可, 我这边测试是不行的, renderjs报错

    2022-12-05 14:34

seho20001123

seho20001123 (作者) - 菜鸟一个

我是m1 air, 如果官方用arm跑的话, 可能需要把node_modules的esbuild-darwin-arm64文件夹名称换成esbuild-darwin-64, 然后再跑安卓模拟器

DCloud_UNI_GSQ

DCloud_UNI_GSQ

现提供备选方案三个:

  • 使用 renderjs 修改 dom
  • 弹出前,临时覆盖 swiper 中的 transform 等影响 fixed 定位的样式,以保证 fixed 正常
  • 使用两个组件,手动模拟 teleport
  • seho20001123 (作者)

    我提供的demo工程https://github.com/4chao/preset, 不能使用renderjs的原因是什么呢?

    2022-12-06 16:12

  • seho20001123 (作者)

    16:24:06.527 Uncaught TypeError: nm(...).setAttr is not a function at uni-app-view.umd.js:1

    2022-12-06 16:16

要回复问题请先登录注册