vue 点击同一个按钮但是进入不同的页面,求助?

clipboard.png
点击侧边三个,都出来同一个遮罩层,然后,点击创建任务(同一个)的话,要跳转至不同页面~~

clipboard.png
我每个span上都加了不同的path,求问,怎么传值给“创建任务”上?

阅读 6.6k
3 个回答

遮罩层组件暴露一个属性出去吧,不同的按钮传入不同属性判断

在左边三个的点击事件中调用弹窗, 然后这三个按钮都要有一个标识,这个表示将决定你点击“创建任务”的时候创建的什么, 只需要把点击的时候拿到这个表示传给你的 “创建任务”按钮就可以了, 不就能知道你想要创建什么任务了

有一个比较“笨”一点的办法是,在你每一次点击时,通过判断点击的是哪一个,把相应的path存到data中,然后在遮罩层中点击按钮是,去拿这个data中的变量。

//html
<span path="1" @click="handlerClick(1)">手动建模</span>
...
<button @click="createTask">创建任务</button>
//methods
handlerClick(type){
  this.type = type;
...
createTask(){
  if(this.type === 1){
    alert('1');
  }
}
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题