为了账号安全,请及时绑定邮箱和手机立即绑定

利用Vue实现一个列表页跳转到详情页,详情页的数据可选择,然后点击确定回到列表页

利用Vue实现一个列表页跳转到详情页,详情页的数据可选择,然后点击确定回到列表页

大话西游666 2019-03-14 13:15:56
有一个列表页如下图:点击每一列跳转到对应的详情页面,比如现在点击“焦油含量”,并选中10、11,详情页面如下:如何在点击确定后将选中的数据传到列表页,并且展示在对应的“焦油含量”列中。效果图如下:同理,点击其他列的时候也能实现同样的效果,并且前一列选中的数据不会变。vue新手,第一次用,真的是不知道怎么解决了,求大神指导,非常感谢!现在数据能够传递回来并且被获取到,请问怎么样才能区分是哪一列对应的数据呐?比如现在是通过焦油含量点过去的,选中的数据传回来后在所有列上都展示了,怎么才能只在焦油含量这一列展示???
查看完整描述

3 回答

?
一只斗牛犬

TA贡献1784条经验 获得超2个赞

如果是父子组件,父组件可通过props传值给子组件,子组件可通过emit()事件回调传值给父组件。不同组件间也可以通过eventBus作为通信的媒介


查看完整回答
反对 回复 2019-04-07
?
宝慕林4294392

TA贡献2021条经验 获得超8个赞

每种分类 下的筛选数据给个标识就好了


查看完整回答
反对 回复 2019-04-07
?
慕神8447489

TA贡献1780条经验 获得超1个赞

eventBus很方便


查看完整回答
反对 回复 2019-04-07
  • 3 回答
  • 0 关注
  • 4297 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号