父组件
<template>
<view>
<uni-title :text1="text" @getHandle="getHandleFun($event)"></uni-title>
</view>
</template>
<script>
import uniTitle from '../../components/index/uni-title.vue'
export default {
components: {uniTitle},
data() {
return {
text: '父组件的文字',
}
},
methods: {
getHandleFun (e) {
console.log(e)
}
}
}
</script>
<style>
</style>
子组件
<template>
<view>
<text @click="getText">{{text1}}</text>
</view>
</template>
<script>
export default {
name: 'uni-title',
props: {
text1: String,
},
data () {
return {
text: '我是子组件里的内容'
}
},
methods: {
getText () {
this.$emit('getHandle', this.text)
}
}
}
</script>
<style>
</style>