Uniapp 组件跳转页面的数据交互

226 阅读1分钟

组件中跳转页面后,获取跳转后页面的实例对象。

let page =getCurrentPages()[getCurrentPages().length- 1]
page.$vm.xxx() 得到vue实例,可以直接操作其中的属性方法

跳转成功后,目标页面操做触发跳转的自定义组件中的方法

跳转成功后 ,通过上面代码,可以将当前组件的vue实例传过去,页面中通过调用组件vue实例方法,将值返回给组件即可

优点是:避免使用store带来的繁琐问题。如多处调用都要先清空原有的数据等。 且在app端,没有刷新页面这一功能,无需担心刷新后页面数据丢失。

缺点:调用组件与页面都需要指定好互传的方法名。会造成阅读上一定难度。