当前位置： 首页 > news >正文

小程序里面循环使用ref的话获取不到

news 2026/3/29 17:09:05

文章目录

    • 概要
    • 问题案例
    • 解决方法

概要

在小程序里面一般循环使用ref的话会获取不到

问题案例

//这个时自己封装的组件，然后循环使用
<jilianXuanzhe @huoqu="huoqu" :ref="'jilianXuanzhe' + i"></jilianXuanzhe>

//如果这样使用的话获取不到ref
this.$refs[`jilianXuanzhe${i}`].xianshi(i)

解决方法

this.$nextTick(() => {// 因为循环的话ref就是一个数组形式的，所以需要用下标来确定，这里我就不过多赘述了，到时候自己log一下就知道了this.$refs[`jilianXuanzhe${i}`][0].xianshi(i)})

相关文章：

小程序里面循环使用ref的话获取不到

文章目录 概要问题案例解决方法 概要 在小程序里面一般循环使用ref的话会获取不到 问题案例 //这个时自己封装的组件&#xff0c;然后循环使用 <jilianXuanzhe huoqu"huoqu" :ref"jilianXuanzhe i"></jilianXuanzhe>//如果这样使用的话获取…...

编程日记 2023/11/19 5:49:06

PY32F002B从压缩包到实现串口printf输出

最近学习使用芯领的PY32F002B开发板&#xff0c;记录学习历程供有同样需求的人参考。 本文主要讲述利用开发板实现printf语句串口输出。 开发环境的初步搭建 官方提供了一个压缩文件&#xff0c;文件名py32f002B_231026.zip&#xff0c; 链接&#xff1a;https://pan.baidu.c…...

编程日记 2023/11/19 5:48:05

音视频项目—基于FFmpeg和SDL的音视频播放器解析（八）

介绍 在本系列&#xff0c;我打算花大篇幅讲解我的 gitee 项目音视频播放器&#xff0c;在这个项目&#xff0c;您可以学到音视频解封装&#xff0c;解码&#xff0c;SDL渲染相关的知识。您对源代码感兴趣的话&#xff0c;请查看基于FFmpeg和SDL的音视频播放器 如果您不理解本…...

编程日记 2023/11/19 5:47:04

CorelDRAW2024最新版本的图形设计软件

CorelDRAW2024是Corel公司推出的最新版本的图形设计软件。CorelDRAW是一款功能强大的矢量图形编辑工具&#xff0c;被广泛用于图形设计、插图、页面布局、照片编辑和网页设计等领域。 1. 新增的设计工具&#xff1a;CorelDRAW 2024引入了一些全新的设计工具&#xff0c;使用户能…...

编程日记 2023/11/19 5:46:03

【作业】操作系统实验一：进程和线程

文章目录 实验内容一、进程的创建1、编辑源程序2、编辑结果3、编译和运行程序4、解释运行结果 二、进程共享1、运行2、解释运行结果 三、进程终止1、运行2、解释运行结果 四、进程同步1、运行2、解释运行结果 五、Linux中子进程映像的重新装入1、运行2、解释运行结果 六、线程1…...

编程日记 2023/11/19 5:45:02

Linux 环境删除Conda

你可以按照以下步骤操作来删除Conda&#xff1a; 首先&#xff0c;停止所有conda环境。在终端中运行以下命令&#xff1a; conda deactivate然后使用以下命令获取conda安装的路径&#xff1a; which conda如果成功安装了conda&#xff0c;该命令输出的路径应该是类似于这样的&a…...

编程日记 2023/11/19 5:42:59

uni-app（1）pages. json和tabBar

第一步 在HBuilderX中新建项目 填写项目名称、确定目录、选择模板、选择Vue版本&#xff1a;3、点击创建 第二步 配置pages.json文件 pages.json是一个非常重要的配置文件&#xff0c;它用于配置小程序的页面路径、窗口表现、导航条样式等信息。 右键点击pages&#xff0c;按…...

编程日记 2023/11/19 5:40:56

window系统vscode 编译wvp前端代码

下载代码 wvp-GB28181-pro: WEB VIDEO PLATFORM是一个基于GB28181-2016标准实现的网络视频平台&#xff0c;负责实现核心信令与设备管理后台部分&#xff0c;支持NAT穿透&#xff0c;支持海康、大华、宇视等品牌的IPC、NVR、DVR接入。支持国标级联&#xff0c;支持rtsp/rtmp等…...

编程日记 2023/11/19 5:38:54

获取虎牙直播源

为了今天得LOL总决赛 然后想着下午看看 但是网页看占用高 就想起来有个直播源 也不复杂看了大概一个小时 没啥问题 进入虎牙页面只有 直接F12 网络 然后 看这个长条 一直在获取 发送 那就选中这个区间 找到都是数字这一条 如果直接访问的话会一直下载 我这都取消了 然后 打开…...

编程日记 2023/11/19 5:37:53

Halcon (2):Halcon基础知识

文章目录 文章专栏视频资源前言Halcon文档案例学习结论 文章专栏 Halcon开发 视频资源 机器视觉之C#联合Halcon 前言 本章我们主要讲解Halcon的基础语法 Halcon文档 按下F1&#xff0c;就可以看到Halcon的文档&#xff0c;不过都是纯英文的 如果不清楚参数如何使用&#x…...

编程日记 2023/11/19 5:36:52

测不准原理

测不准原理 算符的对易关系 commutation relation 测不准原理的矢量推导 Schwarz inequality: 设对易关系&#xff1a; 设一个新态&#xff1a; 投影&#xff1a; 那么有&#xff1a; 代回Schwarz inequality 即可证明&#xff1a;...

编程日记 2023/11/19 5:35:51

微机原理_12

一、单项选择题(本大题共15小题,每小题3分&#xff0c;共45分。在每小题给出的四个备选项中&#xff0c;选出一个正确的答案。〕 十进制正数56的 8位二进制补码是()。 A. 00011001 B. 10100110 C. 10011001 D. 00100110 若栈顶的物理地址为20100H&#xff0c;当执行完指令PUSH…...

编程日记 2023/11/19 5:34:51

设计模式(5)-使用设计模式实现简易版springIoc

自定义简易版springIoc 1 spring使用回顾 自定义spring框架前&#xff0c;先回顾一下spring框架的使用&#xff0c;从而分析spring的核心&#xff0c;并对核心功能进行模拟。 数据访问层。定义UserDao接口及其子实现类 public interface UserDao {public void add(); }public…...

编程日记 2023/11/19 5:33:50

数据结构与集合源码

我是南城余&#xff01;阿里云开发者平台专家博士证书获得者&#xff01; 欢迎关注我的博客&#xff01;一同成长&#xff01; 一名从事运维开发的worker&#xff0c;记录分享学习。 专注于AI&#xff0c;运维开发&#xff0c;windows Linux 系统领域的分享&#xff01; 本…...

编程日记 2023/11/19 5:32:47

nodejs+vue面向中小学课堂教学辅助软件系统的设计与实现-微信小程序-安卓-python-PHP-计算机毕业设计

主要功能有&#xff0c;管理员通过后台会对此教学辅助进行审核&#xff0c;管理员在还可以进行首页、个人中心、学生管理、教师管理、班级信息管理、科目名称管理、课程信息管理、教学资料管理、作业信息管理、作业提交管理、作业成绩管理、在线考试管理、试题管理、考试管理、…...

编程日记 2023/11/19 5:31:46

智能配电系统解决方案

智能配电系统解决方案是一种集成了先进技术和智能化功能的配电系统&#xff0c;它能够提高电力系统的效率、可靠性和安全性。力安科技智能配电系统解决方案依托电易云-智慧电力物联网&#xff0c;具体实施的方案如下&#xff1a; 智能化设备和传感器&#xff1a;采用智能化的开…...

编程日记 2023/11/19 5:30:45

Python基础入门---conda 如何管理依赖包以及复制相同环境的

文章目录 创建虚拟环境：创建虚拟环境并指定Python版本：安装依赖包：从环境导出依赖包清单：从依赖包清单创建环境：复制环境：移植环境：在Conda中，你可以使用conda create命令来创建和管理虚拟环境，而使用conda install命令来安装和管理依赖包。以下是一些基本的命令和步骤…...

编程日记 2023/11/19 5:29:44

JVM jstat 查看内存新生代老年代回收情况，排查oom

jstat 命令 jstat - [-t] [-h] [ []] option&#xff1a;我们经常使用的选项有gc、gcutil vmid&#xff1a;java进程id interval&#xff1a;间隔时间&#xff0c;单位为毫秒 count&#xff1a;打印次数 每秒打印一次 jstat -gc 9162 1000S0C:年轻代第一个survivor的容量…...

编程日记 2023/11/19 5:28:43

Postman启动问题：Could not open Postman

Postman启动问题&#xff1a;Could not open Postman 状态&#xff0c;在单击Postman之后一直在转圈圈&#xff0c;无法正常启动。 细心的朋友会发现&#xff0c;右下角 会经常出现防火墙关闭等提示信息&#xff0c;表示该程序&#xff0c;在向外链接。 Error Could not open…...

编程日记 2023/11/19 5:27:42

Golang起步篇（Windows、Linux、mac三种系统安装配置go环境以及IDE推荐以及入门语法详细释义）

Golang起步篇 Golang起步篇一. 安装Go语言开发环境1. Wondows下搭建Go开发环境(1). 下载SDK工具包(2). 解压下载的压缩包&#xff0c;放到特定的目录下&#xff0c;我一般放在d:/programs下(路径不能有中文或者特殊符号如空格等)(3). 配置环境变量步骤1&#xff1a;先打开环境变…...

编程日记 2023/11/19 5:26:40

华三M-LAG实战：从零构建高可用数据中心网络

1. 为什么数据中心需要M-LAG技术&#xff1f; 刚接手数据中心网络建设项目时&#xff0c;我最头疼的就是如何实现高可用性。传统方案要么成本太高&#xff0c;要么切换速度达不到要求。直到接触华三的M-LAG技术&#xff0c;才发现原来跨设备链路聚合可以这么玩。 M-LAG全称Mult…...

编程新知 2026/3/29 16:46:28

自定义语音合成插件开发指南：从技术原理到创新应用

自定义语音合成插件开发指南&#xff1a;从技术原理到创新应用 【免费下载链接】tts-server-android 这是一个Android系统TTS应用&#xff0c;内置微软演示接口&#xff0c;可自定义HTTP请求&#xff0c;可导入其他本地TTS引擎&#xff0c;以及根据中文双引号的简单旁白/对话识…...

编程新知 2026/3/29 16:24:24

HAProxy热加载卡住？试试这个systemd wrapper解决方案（附完整源码解析）

HAProxy热加载卡住&#xff1f;深入解析systemd兼容性问题与高效解决方案 当你在深夜处理线上流量激增问题时&#xff0c;突然发现HAProxy的热加载命令systemctl reload haproxy竟然卡住了——这种场景足以让任何运维工程师心跳加速。这不是简单的配置错误&#xff0c;而是syst…...

编程新知 2026/3/29 16:16:20

Homebrew安装后zsh补全报权限警告？深入聊聊macOS下/usr/local的目录权限管理

Homebrew安装后zsh补全报权限警告&#xff1f;深入聊聊macOS下/usr/local的目录权限管理 每次打开终端都看到那个烦人的zsh警告&#xff1a;"insecure directories, run compaudit for list"&#xff0c;确实让人头疼。但这个问题背后隐藏着macOS系统权限管理的深层逻…...

编程新知 2026/3/29 16:16:20

5个技巧让普通鼠标在Mac上秒变专业工具：Mac Mouse Fix深度解析

5个技巧让普通鼠标在Mac上秒变专业工具&#xff1a;Mac Mouse Fix深度解析 【免费下载链接】mac-mouse-fix Mac Mouse Fix - A simple way to make your mouse better. 项目地址: https://gitcode.com/GitHub_Trending/ma/mac-mouse-fix 你是否曾为Mac上的鼠标体验感到沮…...

编程新知 2026/3/29 15:23:54

【Pandas】— apply( ) 深度解析

&#x1f31f;【Pandas 实战系列】apply() 深度解析&#xff1a;从 Series 到 DataFrame&#xff0c;逐行/逐元素处理全掌握&#xff01; 前言&#xff1a;为什么 apply() 是 Pandas 的“灵魂方法”&#xff1f; apply() 不是简单地“调用函数”&#xff0c;而是告诉 pandas&am…...

编程新知 2026/3/29 15:03:45

March7thAssistant智能自动化：星穹铁道游戏效率工具全解析

March7thAssistant智能自动化&#xff1a;星穹铁道游戏效率工具全解析 【免费下载链接】March7thAssistant &#x1f389; 崩坏&#xff1a;星穹铁道全自动 Honkai Star Rail &#x1f389; 项目地址: https://gitcode.com/gh_mirrors/ma/March7thAssistant 在《崩坏&am…...

编程新知 2026/3/29 14:15:23

保姆级教程：在Ubuntu 22.04上搭建PXE服务器，自动化安装麒麟桌面系统（含NFS/TFTP/DHCP配置）

从零构建PXE自动化部署平台&#xff1a;Ubuntu 22.04环境下的麒麟系统无人值守安装实战 在中小型技术团队或开发者个人的工作场景中&#xff0c;频繁部署测试环境往往成为效率瓶颈。传统的光盘或U盘安装方式不仅耗时费力&#xff0c;更难以保证多台设备配置的一致性。本文将带您…...

编程新知 2026/3/29 12:40:14

仅需6GB显存！GPT-SoVITS部署指南：低成本实现高质量语音合成

仅需6GB显存&#xff01;GPT-SoVITS部署指南&#xff1a;低成本实现高质量语音合成 1. 项目介绍与核心优势 GPT-SoVITS 是一个革命性的开源语音合成工具&#xff0c;它巧妙结合了GPT的语言生成能力和SoVITS的语音转换技术。这个项目最大的亮点在于&#xff0c;它能够用极少的…...

编程新知 2026/3/29 12:40:14

数据库索引优化与慢查询排查实战：1000名工人工单工单系统性能攻坚

数据库索引优化与慢查询排查实战&#xff1a;千人施工队工单系统性能攻坚场景&#xff1a;某建筑集团大型商业综合体项目 规模&#xff1a;1000名工人&#xff0c;日均生成3000工单&#xff0c;工单表累计800万记录 痛点&#xff1a;早班派工高峰期系统卡顿&#xff0c;工单查询…...

编程新知 2026/3/29 11:35:24