动态 赋值 ref 改变 v-for 里面 input 的 disabled的 值？

Question

 

赋值

:ref="`input_in_${index}`"

查找：

for(var i=0;i<this.$refs[`input_in_${index}`].length;i++){
	this.$refs[`input_in_${index}`][i].disabled = true
}

以上是我的方法，是成功改变了，但是不仅报错，而且，如果点击了页面里面的其他控件，这个赋值就会消失~~

求大佬解决~~

||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

<el-input placeholder="请输入内容" v-model="item.count" :ref="`input_in_${index}`" disabled>
         <template slot="append">课时</template>
</el-input>

setTimeout(function() {
		console.log(this.$refs)
		if (this.classe[index].count == null) {
		    console.log('1')
		        for (var i = 0; i < this.$refs[`input_in_${index}`].length; i++) {
		    	    this.$refs[`input_in_${index}`][i].disabled = false
		        }
		    } else {
				console.log('2')
				return false;	
			}
}.bind(this), 500)

默认 是 true 然后符合条件 就变成 false,效果是有了，但是，还是和上面一样，点击页面其它控件，又会变成 true ，并且报错。

Answer 1

看你这个写法应该是v-for循环显示标签，在v-for的数组中每个对象加个disabled属性，满足条件了将其设置为true.