面朝大海_春暖花开 2022-04-08 23:15 采纳率: 100%
浏览 1406
已结题

uniapp动态绑定:ref,v-for遍历后通过多选框选中获取ref的对象为空或undefined

通过v-for遍历后的checkbox,获取不到input的value

img

问题相关代码
                    <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}}&nbsp;&nbsp;{{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值以数组的形式表现出来

  • 写回答

3条回答 默认 最新

查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 5月22日
  • 已采纳回答 5月14日
  • 修改了问题 4月8日
  • 创建了问题 4月8日