通过v-for遍历后的checkbox,获取不到input的value
<checkbox-group @change="checkboxChange">
<view class="place" v-for="(placeitme,placeindex) in fieldindex.content" :key="placeindex">
<!-- {{placeitme.num}} -->
<view class="number padd">
<view class="number_left">项目:</view>
<view class="number_in" >{{placeitme.type}}{{placeitme.num}} {{placeitme.label}}</view>
<view class="number_right">{{placeindex+1}}/{{fieldindex.content.length}}</view>
</view>
<view class="jcbz">
<view class="jcbzN padd">检查标准:</view>
<view class="jcbzT padd">
<text>{{placeitme.comment}}</text>
</view>
</view>
<view class="group padd">
<input :ref="placeitme.num" class="group-input" type="text" placeholder="输入检查值" :value="placeitme.inputtext"/>
<label>
<checkbox color="#04be02" :value="placeitme.num" /><text>不合格</text>
</label>
</view>
</view>
</checkbox-group>
methods: {
checkboxChange(e){
this.$nextTick(()=>{
let value = e.target.value;
for (let i = 0; i < value.length; i++) {
let numab = value[i];
console.log(this.$refs);//获取结果为空的对象
console.log(this.$refs.numab );//获取结果为undefined
}
})
}
}
获取input的value值以数组的形式表现出来
最后这样解决的
<input class="group-input" type="text" placeholder="输入检查值" v-model="inputData[placeitme.num]" v-value="placeitme.inputtext"/>
checkboxChange(e){
let value = e.target.value;
console.log(value);
var demArray =[];
for (let i = 0; i < value.length; i++) {
let num = this.inputData[value[i]]
demArray.push({
label:value[i],
num:num,
})
}
console.log(demArray);
}
您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!