代码:

父组件:

<bg-check-box ref="examState" :checkList="formSearch.examList" @change="stateChange" v-if="is=true"></bg-check-box>
//
change(){
this.$refs.examState.status=[0]//报错
}

子组件:

<template>
   <div class="bgCheckBox">
        <el-checkbox-group v-model="status" size="mini" @change="checkChange">
            <el-checkbox :label="item.value" border  size="mini" v-for="item in checkList" :key="item.value">{{item.label}}</el-checkbox>
        </el-checkbox-group>
   </div>
</template>

<script>
export default {
 data () {
 return {
     status:[],
 };
 },
 }

报错:

在这里插入图片描述

原因:

子组件没有在页面初始化时加载,而是在点击某个特定的按钮后才开始显示加载,所以回报undefined

解决办法:

修改change方法

change(){
		this.$nextTick(()=>{  
            this.$refs.examState.status=[0]  
        })
}
Logo

前往低代码交流专区

更多推荐