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

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日

悬赏问题

  • ¥20 请问这种量表怎么用spss量化分析(作为中介模型的因变量
  • ¥55 AD844 howland电流源如何驱动大额负载
  • ¥15 C++ /QT 内存权限的判断函数列举
  • ¥15 深度学习GFnet理解问题
  • ¥15 单细胞小提琴堆叠图代码
  • ¥50 升级strust2版本到2.3.15.1后使用ognl3.0.6.jar windows环境中没有问题,但部署到linux环境报错
  • ¥15 vue页面,node封装接口
  • ¥15 求TMS320F280039C工程模板!
  • ¥15 delphi+fastreport实现分组补空打印问题
  • ¥15 使用python把两台mysql数据库服务器数据导出和导入