vue - 动态绑定ref(使用变量)以及获取方式，解决v-for循环嵌套自定义子组件时无法this.$refs.xx找到动态组件的情况（详细示例教程）适合 vue.js nuxt.js uniapp

介绍

正常情况，我们需要在vue中获得某个dom或者组件，我们会通过绑定 ref 然后通过绑定后的名字来获取这个dom 。

但是，如果我们在v-for中绑定ref的话，那么这个ref就会存在多个，比如我们点击事件让对应的显示/隐藏的话，我们很难找到这个对应的元素。

那么，这时我们需要动态绑定不一样的ref（比如 Arr1、Arr2、Arr3这种），那么我们如何实现呢？

实现代码

注释详细，一眼就能看出如何解决这个问题。

以下示例无依赖，可直接在 vue 环境中运行查看。

页面：

<template>