1、父组件
<template>
<view class="index">
<BaseNavBar :showBack="false" title="首页" @onBack="onBack"></BaseNavBar>
</view>
</template>
<script>
import { ref, reactive } from 'vue';
import BaseNavBar from '@/views/Location.vue';
export default {
components: { BaseNavBar },
setup() {
const onBack = (data) => {
console.log('onback'+data);
};
return {
onBack,
};
},
};
</script>
2、子组件
<template>
<view class="header">
<view class="header-top" @click="pop">vfvf
<view class="header-back-arrow" v-if="showBack" ></view>
<text class="header-title">{{ title }}</text>
</view>
</view>
</template>
<script>
import { onMounted, ref } from 'vue';
export default {
name: 'BaseNavBar',
props: ['showBack', 'title'],
setup(props, ctx) {
const pop = () => {
// Taro.navigateBack();
console.log(5)
ctx.emit('onBack',5);
// ctx.emit('onBack', {type: 'pop'});
};
onMounted:{
}
return {
props,
pop,
};
},
};
</script>
<style>
</style>```