uniapp 父子组件 兄弟组件 页面跳转传参

父子组件

子组件中写个方法 this.$emit里 第一个参数是事件名字 第二个是要传递的参数

props: ['title']

methods: {
		todata() {
			this.$emit('changename', 'lilili');
		}
	}

父组件中注册子组件 然后使用 子组件名字叫test @子组件里发送的事件 在父组件里绑定事件 就可以得到子组件里发送过来的值

:title是给子组件传值 子组件用 props接收 见上图

<test :title="myname" @changename="onname"></test>

兄弟组件

uniapp中用uni.$emit('事件名字','传递的参数') uni.$on('事件名字','实现对参数的处理 可以写一个方法')

页面跳转传参

uni.navigateTo({
				url: '../xx/xx?age=xx&name=xx'
			});

通过？xxx=xxx 来传 uni.navigator 传不了data

跳转到指定页面 options 里就是传递过来的参数

 onload(options){
       console.log(options)
}