2020-05-11

父组件

<van-button type="primary" @click size="large" @click="show()"> 显示组件

        </van-button><child  v-if="show" @closetip="show()" ：arr="fathermsg"></child>export defanlt{

data(){

return{

show:false,

fathermsg:""

}

},

methods(){

show(){

this.show=！this.show

}，

}

}

子组件

<template> <van-popup v-model="myshow" closeable :duration='0.3'

    @click-overlay='close' @click='close'><van-list  v-model="loading"  :finished="finished"  finished-text="没有更多了">  <van-cell    v-for="item in dataarr"  /></van-list>    </van-popup></template>export default {

    name:'getOrder',

    props:["arr"],//父组件传来的值

    data(){

        return{

      myshow:true,//popup的显示，在组件中，默认是显示，不用父组件传值

      dataarr:this.arr,

        }

    },

  methods: {

    close(){

        this.$emit("closeTip",false)//把关闭信息传递给父组件

      }

  }

}