uni-app中组件间方法调用

在此总结下，供参考！

一、先上结果图，如下：

 

 

二、项目说明

红色圈起来的为子组件，绿色圈起来的为父组件。

uni-app项目，所以具体组件引入流程不在详细说明，直接列出代码。

 

三、代码

1、子组件child.vue

<template>
	<view class="" @click="getFatherMethod">
		点击调用父组件中的方法
	</view>
</template>

<script>
	export default{
		methods:{
			// 定义子组件中的方法
			childMethod(){
				console.log("我是子组件中的方法childMethod。。。。。。")
			},
			
			// 调用父组件中的方法fatherMethod
			getFatherMethod(){
				this.$emit("getValue");
				
			}
	
		}
	}
</script>

<style>
</style>

2