十堰微网站建设价格,wordpress部署文件夹,wordpress评论获取qq,国外服务器vpsuni-app的官方api uni.$on 场景#xff1a; 微信小程序两个页面甚至多个页面之间#xff0c;可能共用一个参数或者需要相互传递使用参数。例如页面A点击按钮#xff0c;需要把A页面的item数据#xff0c;赋值给页面B的formData#xff0c;但是页面A只是传递数据给B#x…uni-app的官方api uni.$on 场景 微信小程序两个页面甚至多个页面之间可能共用一个参数或者需要相互传递使用参数。例如页面A点击按钮需要把A页面的item数据赋值给页面B的formData但是页面A只是传递数据给B却不跳转到B。导致无法通过页面路径跳转传递参数此时最好的办法就是使用页面通讯。 1.A页面uni.$emit传递数据data 并且会触发uni.$on同名事件进行接收数据 methods:{//获取数据getData(){let item{name:张三,age:18}//传递数据给 同一个页面通讯方法uni.$emit(setData,item)}
}2.页面B需要事先注册好同名的uni.$on页面通讯方法用来接收数据小程序页面推荐在onLoad内注册正常组件只能在mounted内注册监听全局的自定义事件。 事件可以由 uni.$emit 触发回调函数会接收所有传入事件触发函数的额外参数。 注意卸不卸载取决于你自己需求如果卸载后期不触发onLoad就无法再注册uni.$on事件也就无法继续监听传递接收处理数据了
onLoad() {//开启监听接受传递的数据uni.$on(setData,(res){console.log(接受的数据,res)this.formData resthis.name res.namethis.age res.age//还可以在这个里面执行methods方法this.num()})
},//--------------------------注意卸不卸载取决于你自己需求如果卸载后期不触发onLoad就无法再注册uni.$on事件也就无法继续监听传递接收处理数据了-------------
onUnload() {//卸载关闭监听设置数据事件uni.$off(setData,(){console.log(关闭监听选择收货地址);})
},methods: {num(){console.log(1)},
}
