Vue中$refs取值是undefined

$refs取值是undefinedref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素，如果用在子组件上，引用就指向组件实例。如果使用 v-ifdom 就不会被渲染ref会一直获取的是undifined，这时可以利用下面方式获取数据<div :class="currentStep==0?'el

马码码1997

3123人浏览 · 2021-10-08 15:58:45

马码码1997 · 2021-10-08 15:58:45 发布

$refs取值是undefined

ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素，如果用在子组件上，引用就指向组件实例。
如果使用 v-if dom 就不会被渲染 ref 会一直获取的是undifined，这时可以利用下面方式获取数据

 <div :class="currentStep==0?'el-form-item-show':'el-form-item-hidden'">

.el-form-item-hidden {display: none;}
.el-form-item-show {display: block;}

或者使用setTimeout得到数据

setTimeout(() => {

}, 0)

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^