uniapp 子組件給子組件傳值

b組件

<view class="">{{wife}}</view>

    export default {
        name:"b",
        data() {
            return {
                num:0,
                wife:'小紅'
            };
        },
        created() {
            uni.$on('upnum',(num)=>{//注冊全局事件
                this.num +=num
            }),
            uni.$on('wi',(wife)=>{//注冊全局事件
                this.wife =wife
            })
        }
    }

a組件:

<button type="default" @click="addNum">a讓b++</button>
<button type="default" @click="changewi">改變b的wife</button>

export default {
        name:"a",
        data() {
            return {
                wife:'桂明明'
            };
        },
        methods:{
            addNum(){
                uni.$emit('upnum',10) //$emit()調用就好了
            },
            changewi(){
                uni.$emit('wi','桂明明')
            }
        }
    }

 

牢記: 定義函數uni.$on() 和 執行函數uni.$emit()   都是全局的