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

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

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

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日

悬赏问题

  • ¥15 想问一下树莓派接上显示屏后出现如图所示画面,是什么问题导致的
  • ¥100 嵌入式系统基于PIC16F882和热敏电阻的数字温度计
  • ¥15 cmd cl 0x000007b
  • ¥20 BAPI_PR_CHANGE how to add account assignment information for service line
  • ¥500 火焰左右视图、视差(基于双目相机)
  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号