12月06, 2019

vue的传值-父子兄弟的互相传值

父组件向子组件传值(props)

子组件向父组件传值($emit)

//子组件
<template>
    <view class="contents_item" @click="goDetail(msg.id)">
        <view class='contents_item_title'>{{msg.title}}</view>
</template>

<script>
    export default{
        props:{
            msg: Object   //父组件传过来的值
        },
        methods: {
            goDetail(data) {
                this.$emit('goDetail',data) //data是子组件往过传值
            }
        }
    }
</script>

//父组件
<block v-for="(item, index) in noticeList" :key="index">
    <gg-li :msg="item" @goDetail='go_ggdetail'></gg-li>
</block>

go_ggdetail(data){
    uni.navigateTo({
        url: "/pages/index/gg_detail?id="+ data
    })
},

本文链接:http://zzl.bzpwhite.cn/post/vue-传值.html

-- EOF --

Comments