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

Question

通过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}}&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值以数组的形式表现出来

Answer 1

题主把微信小程序基础库调到2.19.2及以上试试

uniapp 微信小程序 获取refs是空对象_Tail96的博客-CSDN博客_refs 微信小程序 除 加载时机问题。（大前提，DOM加载完成后之类的 排除）this.$refs 在微信小程序上获取到 {}目前发现是微信小程序调试基础库导致的。打开微信小程序文档更新日志第三条更新。修复 框架 virtualHost 的组件节点无法被 selectComponent 和 getRelationNodes 选中解决方案就是把基础库调到2.19.2及以上。... https://blog.csdn.net/weixin_44179923/article/details/122357129