vue父组件存在多个子组件显示隐藏问题解决

729 阅读1分钟

刚接触vue框架时,只只知道v-if和v-show都是显示和隐藏,但是由于需求加大,知识点匮乏,再加上官方和百度压根都没得解决方案,自己摸索残缺知识点终于搞明白了。
如果父组件中只有一个子组件,建议使用v-if
如果父组件中存在多个子组件,子组件之间又想显示和隐藏,那就需要v-show来做,但是单独用又会有问题,父组件显示的时候的时候会有一层遮罩层。所以,这里又牵扯到子组件的一个属性:visiable
解决方案:

  • 1、在父组件中全部引入所有的子组件
  • 2、子组件通过v-show和visiable进行控制
  • 3、子组件需要在success或者close事件中(定义函数)进行控制
  • 4、子组件都需要定义一个boolean类型的参数进行控制

通过上述四步即可解决一个父组件中存在多个子组件,子组件又想控制子组件的问题。