Vue 关于$refs的循环输出其绑定的DOM/组件

我爱代码， 今天也是一个有xiang精shui神jiao的码农

在做vue项目的时候需要使用第三方组件来提供给用户输入数据（input，checkbox等等）（主要是自己懒得写，也不会写）

但是我的页面上的checkbox是要根据数据来生成的，这里我使用的是helang-checkbox，其组件是通过绑定ref来进行填入数据渲染生成。

 

但是由于我方要求的是生成数据啊！草！，而通过refs的数据只能以调用（.）的形式来调用并且赋值渲染，而我也不能确定到底要生成多少个啊！所以这里就需要用循环了，但是refs底下并不是数组啊！没办法循环啊！然后就一直卡在这里

 

直到我发现有一个for in 的语句（基础烂）

把refs存到一个变量，再通过for in根据参数名[key]取得value（我这里的value是vue组件）进行循环赋值，搞定。

var array_list=this.$refs;

实例：for(var key in array_list)

{

//注意，取得vue组件之后需要指定下标，因单一refs的成员变量类型为array（如同checkbox，name属性可以一样，取得数据的时候其实是以数组类型保存的）

array_list[key][0].自己需要调用的方法

}