vue html页面中一个页面怎么调用另外一个页面的方法???

image.png
如图,HTML名我用简称代替。
r1.html和r2.html出于两个单独的html页面,框架用的是vue写的。
r1.html是列表页
飞鸽截图20200121103701.png
r2.html是详情页
飞鸽截图20200121103653.png
我想在r1.html中把获取到的行数据都传到r2.html中,应该怎么做?或者说在r1.html中怎么调用r2.html中的方法???

阅读 9.3k
4 个回答

如果是传数据的话,楼主可以看下vuex,或者sessionStorage,localStorage。调用方法的话,可以看下dispatch和broadcast,如:https://juejin.im/post/5c7fd3...

如果有获取详情的接口的话,可以将在r1点的行数的id通过路由参数传过去,r2页面拿到id通过接口获取详情;没有详情接口的话,也可以直接将行数据通过路由参数传递

兼容性满足要求的话,建议用postMessage,参考mdn

新手上路,请多包涵

同意楼上

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题