uniapp 使用 :ref 获取不到dom如何解决

Question

uniapp 使用 :ref 获取不到dom如何解决

uniapp 使用 :ref 获取不到dom如何解决，具体看js代码

html

                    <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>
 

js

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
                    }
                })
            }
        }
 

Answer 1

uniapp的ref属性不能用在uniapp的内置组件上面，只能用在自定义组件上面

uni-app开发中 this.$refs 用不了_習慣-學習的博客-CSDN博客_this.$refs uni-app "this.$refs.xxxx"调用子组件无效的可能原因1. ref绑定的对象是否正确<templete><view ref="child"></view></templete><script>export default {onLoad(){// 会报 "child is undefined" 的问题console.log(this.$refs.child)}}</script> https://blog.csdn.net/m0_50015961/article/details/112170523