1.问题描述
当几个组件需要根据状态值判断是否展示时,我们通常会用到v-if、v-else-if、v-else来设置展示与隐藏,同时我们需要获取这些组件的实例,会使用到ref属性来赋值,但最终只有首次为显示状态的组件才有实例返回、其余不管是隐藏还是后面根据状态值变更的显示始终拿不到实例(打印为null);
2.个人解决方式
调整v-if、v-else-if、v-else属性,改为v-show来控制显隐都能获取到实例;
v-if、v-else-if、v-else:false修饰的组件不会载入页面中,会被删掉;
v-show:组件都会载入页面中,实际是控制其display属性显隐;