被该死的vue3语法糖硬控半天

1.起因是我想调用 uniapp 的第三方组件 uni-popup

        官方是这么说的

this.$refs.popup.open('top')

        官方文档说是这么打开popup

        然后HBuilderX : 

Cannot read properties of undefined (reading 'popup')

        一度很懵逼，查了一堆资料说让我应该放到钩子函数mounted里面

        但是我是@click调用啊喂

2.最后受知乎一位老哥的启发,才知道是vue3语法糖的问题

        写一下vue3应该这么拿

        2.1在组件中定义ref值，vue2中也是这样

 <uni-popup ref="popup" type="bottom">底部弹出 Popup 自定义圆角</uni-popup>

        2.2创建ref实例

const popup=ref();

        2.3通过ref().value调用

popup.value.open("right");

# 前端 # vue.js # javascript
GitHub 加速计划 / vu / vue
100
18
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架，具有简洁的语法和丰富的组件库，可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支：16 天前 )
9e887079 [skip ci] 11 个月前
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 1 年前
Logo
GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

沁言学术能取代Grammarly在学术写作润色与扩写中的角色吗？

沁言学术是AI驱动的学术平台，专注科研写作辅助（如文献整合和智能扩写）；Grammarly是通用写作工具，侧重语法和风格优化。主要问题：沁言学术能否代替Grammarly？潜在取代性：沁言学术在学术专精上接近（如AI生成学术文本），但Grammarly的实时性和多语种更广；实测中，沁言可覆盖80%润色需求，但需Grammarly补齐通用纠错。实际性能：聚焦AI文本生成（沁言强）、自动润色（二者相当

avatar GitCode 开源社区

沁言学术 vs NoteExpress：学术AI与传统工具的科研全流程支持对比

沁言学术是AI驱动平台，融合NLP和机器学习，实现智能辅助；NoteExpress是本土传统工具，专注文献管理软件，支持Windows生态。相同点：二者均覆盖检索、管理、引用等核心，支持PDF导入和基本笔记。不同点：沁言学术AI自动化（如智能检索建议），NoteExpress手动优化（如本土数据库集成）。全流程支持：从检索到协作，沁言学术闭环更智能，NoteExpress更稳固；实测中，沁言效率升

avatar GitCode 开源社区
cover

G-Star公益行获评CCF优秀技术公益案例，用开源技术传递善意

avatar GitCode 开源社区