Ioufer 2021-09-27 13:18 采纳率: 84.6%
浏览 44
已结题

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

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

img

img

img

img

img

  • 写回答

1条回答 默认 最新

  • 前端不释卷leo 新星创作者: 前端开发技术领域 2021-09-27 13:35
    关注

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

    changeMode(type){
      this.mode = type
    }
    

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 10月5日
  • 已采纳回答 9月27日
  • 创建了问题 9月27日