2021-06-10 vue父子组件通信,子通信到父组件

2021-06-10  本文已影响0人  jinya2437

父组件【studentDetailDrawer.vue】定义属性pFlag

// studentDetailDrawer.vue
<div>{{pFlag}}</div>
<ClientDetail :cFlag.sync="pFlag"  />

data() {
    return {
         pFlag:'我是父组件'
    }
}

子组件【ClientDetail.vue】接受属性cFlag并且修改值,通知父组件

  // ClientDetail.vue
  props: {
   cFlag: {
      type: Object,
      default() {
        return null
      }
    }
  },
  methods:{
    doSomething(){
        this.$emit('update:cFlag', '子传父组件')
    }
  }

vue语法:this.$emit('update:cFlag',参数)

上一篇 下一篇

猜你喜欢

热点阅读