在此总结下,供参考!
一、先上结果图,如下:
二、项目说明
红色圈起来的为子组件,绿色圈起来的为父组件。
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