Java教程

uniapp 子组件给子组件传值

本文主要是介绍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','桂明明')
            }
        }
    }

 

这篇关于uniapp 子组件给子组件传值的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航