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

vue-使用refs取值,打印出来是个数组??

背景:

经常使用$refs去获取组件实例,一般都是拿到实例对象,这次去取值的时候发现,拿到的竟然是个数组。

原因:

这是vue的特性,自动把v-for里面的ref展开成数组的形式,哪怕你的ref名字是唯一的!

我是通过循环接口的数据,生成各个省份的树,虽然我通过加id的形式,想要让树变成唯一,方便通过$refs调用,但是通过循环生成的树,调用的时候就是数组形式

<div class="flex-tree" v-for="item in fakeRegionData" :key="item[0].id"><el-tree :data="item"show-checkboxnode-key="id":ref="'tree'+item[0].id"highlight-current:props="{children: 'children',label: 'name'}":default-expanded-keys="expandedData"></el-tree>
</div>//给树赋值
handleSetCheckedKeys(val) {this.regionData.map(item => {console.log(this.$refs['tree'+item.id])this.$refs['tree'+item.id][0].setCheckedKeys(val)})},

http://www.lryc.cn/news/442466.html

相关文章:

  • 微服务_入门1
  • 【学习资料】袋中共36个球,红白黑格12个,问能一次抽到3个红4个白5个黑的概率是多少?
  • @PathVariable,@RequestParam,@RequestBody注解,springboot与前端请求之间的数据类型转换
  • 在Python中优雅地打开和操作RDS
  • .whl文件下载及pip安装
  • 望繁信科技受邀出席ACS2023,为汽车行业数智化护航添翼
  • 基于 C语言的 Modbus RTU CRC 校验程序
  • 基于微信小程序的剧本杀游玩一体化平台
  • AMD或Intel上编译出来的程序,可以跑在海光上吗?
  • ChatGPT 4o 使用指南 (9月更新)
  • 微信getUserProfile不弹出授权框
  • iostat 命令:系统状态监控
  • 从底层原理上解释 ClickHouse 的索引
  • 9.20-使用k8s部署wordpress项目
  • OSPFv3协议几类LSA介绍
  • 煤矿智慧矿井数据集 (1.煤矿采掘工作面智能分析数据集2.煤矿井下钻场智能分析数据集 )
  • 举例说明协方差的数学公式计算步骤以及皮尔逊相关系数数学公式的计算步骤
  • 2024/9/16论文赏析(均为1区或顶刊
  • IDEA 2024.3 EAP新特征早览!
  • 如何在安卓設備上更換IP地址?
  • LINUX网络编程:TCP(1)
  • 基于PHP的新闻管理系统
  • 6.C++程序中的基本数据类型
  • oracle 11g写一个判断是否是身份证的函数,函数名称为:FUN_IS_IDENNO
  • 如何使用Spring Cloud Gateway搭建网关系统
  • 油烟机制造5G智能工厂物联数字孪生平台,推进制造业数字化转型
  • 《拿下奇怪的前端报错》序章:报错输出个数值数组Buffer(475) [Uint8Array],我来教它说人话!
  • Docker 里面按照ifconfig
  • DOS(Disk Operating System,磁盘操作系统)常用指令
  • VSCode集成Python环境搭建配置详细步骤