vue动态给ref赋值

单个子组件时直接ref=‘name’，在js中this.$refs.name调用方法就可以了，但是动态的话name是不固定的，this.$refs.后面是不能直接跟变量的，后来我百度了一下找到了解决方案，以下是我的代码

html部分：

:ref="'name'+index" @click="removeRedpoint(index)"

js部分：

 // 利用class名称+index

removeRedpoint(index){

let class= "name" + index;

this.$refs[class].showPopper = false;

}