首页 > 其他分享 >uniapp 中 this.$refs 无法获取组件

uniapp 中 this.$refs 无法获取组件

时间:2024-03-04 09:14:08浏览次数:27  
标签:uniapp refs 导入 https 组件 net

先排除这些原因:

  1. https://segmentfault.com/q/1010000043755258
  2. https://ask.dcloud.net.cn/question/71788
  3. https://www.cnblogs.com/e0yu/p/16135985.html
  4. https://blog.csdn.net/m0_50015961/article/details/112170523

总结一下就是:ref 不能引用 view 内置组件、循环创建的自定义组件也不能使用 ref 、不能和v-if同时使用。

但我用的不是内置组件,是uniapp的扩展组件 uni-drawer,使用前也通过HbuilderX导入了,this.$refs.name 仍然返回 undefined。

最后解决方法是:

认真检查后发现,导入的时候选错项目了……直接按照记忆中选了最后一个,但目标项目在中间。

 重新导入后就能获取到组件了。说来挺不好意思的 (˘•ω•˘)

标签:uniapp,refs,导入,https,组件,net
From: https://www.cnblogs.com/sunshine233/p/18051133

相关文章

  • northwest uniapp: 顶部导航栏右侧添加uni-icons图标,并绑定点击事
    说明该配置按页面配置,无法全局配置使用方法引入uni-icons插件插件地址:点击此处跳转到uni-icons引入以后,会发现uni-modules中新增如下目录和文件:仅需要那个uniicons.ttf文件,不引入插件、单独把那个文件下载到本地也是可以的。复制uniicons.ttf文件到static目录下不知道......
  • Flutter组件
    两个常用的组件:Material和Scaffold修饰App和H5一样很固定。1.Container2.Text3.pictureimport'package:flutter/material.dart';voidmain(){runApp(MaterialApp(home:Scaffold(appBar:AppBar(title:Text("Flutter")),bod......
  • vue3+vite,封装 echarts 组件以及如何使用
    1.封装echarts组件1.安装echarts所需npm包,如下。[email protected]@3.1.0//社区图等npmi@vueuse/[email protected]//一些好用的hook2.封装echarts组件1.在component目录下新建Echarts文件夹2.在Echarts文件夹下新建config文件夹(......
  • Vue3组件库搭建及测试
    一、搭建Vite环境1.创建目录&初始化包配置&安装Vite依赖mkdirgresgying-uicdgresgying-uinpminitnpmivite-D2.根目录创建index.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Gresgyi......
  • 在K8S中,如何查看kubelet组件的日志?
    在Kubernetes(K8S)中,查看kubelet组件的日志可以通过几种不同的方法。以下是详细的步骤:使用journalctl命令:如果kubelet是通过systemd方式部署的,你可以使用journalctl命令来查看其日志。执行journalctl-ukubelet将显示kubelet的日志信息。如果需要查看实时更新的日志,可以添加-f......
  • 在K8S中,节点状态哪个组件负责上报的?
    在Kubernetes(K8s)中,节点状态是由kubelet组件负责定期上报的。kubelet是运行在每个节点上的代理程序,它与KubernetesMaster节点上的控制面组件紧密协作,以确保节点上的Pod能够正确运行。kubelet的主要职责之一就是与KubernetesAPI服务器保持通信,定期向API服务器报告节点的状态信息,......
  • uniapp-微信小程序分享给好友和朋友圈功能
    uniapp-微信小程序分享给好友和朋友圈功能:https://blog.csdn.net/Anorry/article/details/135077095?spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EYuanLiJiHua%7EPosition-2-135077095-blog-80295684.235%5Ev43%5Epc_blog_bottom_......
  • Vue 3.0 应用&组件实例
    #创建一个应用实例每个Vue应用都是通过用 createApp 函数创建一个新的应用实例开始的: constapp=Vue.createApp({/*选项*/})  该应用实例是用来在应用中注册“全局”组件的。我们将在后面的指南中详细讨论,简单的例子: constapp=Vue.createApp({})ap......
  • Vue UI组件库系列之概述
    概述UI组件库:提供了一些如输入框、布局、按钮等在网页UI布局中常用的元素,并将这些元素以组件的形式提供给我们。一般会说UI组件库是基于哪个框架【Vue/React/...】的、PC端/移动端什么项目适合用UI组件库,什么项目不适合?【UI组件库的应用场景】不适合【页面中包含很多定制化、......
  • Vue Router系列之(十)缓存路由组件
    缓存路由组件完善路由的技巧作用:让不展示的路由组件保持挂载,不被销毁。​ 正常情况下,进行了路由跳转后,之前的组件会被销毁,如果之前的组件中存在input框之类的表单类组件,输入的内容也就消失了,也就是说,要保证路由跳转后不销毁之前的组件具体编码://缓存的对象:并不是所有路......