一个父组件下的俩个子组件跳转

想达到的结果是点击上面按钮,下面自动跳转到对应的模块

img

img

img

img

img

你可以在父组件里面引入所有子组件,然后按钮组件去绑定同一个点击事件,然后传入不同的参数,根据这个参数的值用v-if去控制子组件的显示与隐藏
首先,在data return里面定义一个变量,mode:'1'
然后在methods里面添加一个方法

changeMode(type){
  this.mode = type
}

然后为每一个botton绑定一个点击事件@click=changeMode('1'),这个函数里面的参数代表你想切换的模式,比如1代表图形,2代表另外的,以此类推,
那么关键的来了,v-if='1',这里面的值对应每个模块的代表变量,比如1 2 3等