Vue 关于$refs的循环输出其绑定的DOM/组件
我爱代码, 今天也是一个有xiang精shui神jiao的码农在做vue项目的时候需要使用第三方组件来提供给用户输入数据(input,checkbox等等)(主要是自己懒得写,也不会写)但是我的页面上的checkbox是要根据数据来生成的,这里我使用的是helang-checkbox,其组件是通过绑定ref来进行填入数据渲染生成。但是由于我方要求的是生成数据啊!草!,而通过ref...
我爱代码, 今天也是一个有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].自己需要调用的方法
}
更多推荐
所有评论(0)