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

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日

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题