方法1:事件传递
父组件代码
<template>
<view>
<view class="old-word">{
{number}}</view>
<!--步骤二:将函数以自定义事件的形式传递给子组件-->
<test-box @sonMethod="addnumber()"></test-box>
</view>
</template>
<script>
/*引入子组件*/
import testBox from "@/pages/property/components/test-bot.vue"
export default {
/*注册子组件*/
components: {
testBox
},
data() {
return {
number: -1
}
},
onLoad() {
},
methods: {
/*步骤一:在父组件中定义一个函数用于改变number的值*/
addnumber() {
console.log("已触发")
this.number = this.number + 1
}
}
}
</script>
<style lang="scss" scoped>
.old-word {
width: 100%;
padding-top: 100rpx;
text-align: center;
font-size: 32rpx;
color: #666666;
font-weight: 700;
}
</style>
子组件代码