2***@qq.com
2***@qq.com
  • 发布:2021-10-13 17:44
  • 更新:2021-11-10 14:19
  • 阅读:2362

【报Bug】vue3的uniapp项目无法使用uni-ui

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: mac os big sur 11.6

第三方开发者工具版本号:

基础库版本号:

项目创建方式: CLI

CLI版本号: 4.5

操作步骤:

1、cli创建一个微信小程序的vue3的uniapp项目
2、按照uni-ui指引使用npm+easycom方式引入uni-ui
3、运行命令yarn run dev:mp-weixin
4、加入popup demo

预期结果:

正常编译,并组件可以正常使用

实际结果:

编译阶段直接报错this.getOptions is not a function

bug描述:

vue3完全用不了uni-ui,引入一个popup,编译就报错,提示this.getOptions is not a function

2021-10-13 17:44 负责人:DCloud_UNI_HT 分享
已邀请:
2***@qq.com

2***@qq.com (作者)

摸出来了,这个应该是sass-loader的版本太高导致的,现在可以编译了,但是在vue3中没有$refs了,该怎么使用这个popup呢?

  • DCloud_UNI_HT

    用法不变,只是ref不支持数组了,看下ref文档就知道怎么回事

    2021-10-15 09:27

  • 2***@qq.com (作者)

    回复 DCloud_UNI_HT: 嗯嗯,有去看过了,这部分没问题了,但是ts类型声明有点问题,编译的时候提示ref等方法在vue上没有,这个要怎么处理呢,目前我在.d.ts里重新输出一边,但是这样类型提示就没有了

    2021-10-18 16:32

z***@foxmail.com

z***@foxmail.com

怎么使用的啊?getCurrentInstance吗?

  • 2***@qq.com (作者)

    对,用getCurrentInstance去拿ref

    2021-11-15 14:28

  • 1***@qq.com

    回复 2***@qq.com: 用不了,拿不到ref

    2022-04-21 18:13

该问题目前已经被锁定, 无法添加新回复