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
}
})
}
}
uniapp的ref属性不能用在uniapp的内置组件上面,只能用在自定义组件上面
您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!