美文网首页
2021-06-10 vue父子组件通信,子通信到父组件

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

作者: jinya2437 | 来源:发表于2021-06-10 11:28 被阅读0次

    父组件【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',参数)

    相关文章

      网友评论

          本文标题:2021-06-10 vue父子组件通信,子通信到父组件

          本文链接:https://www.haomeiwen.com/subject/puyueltx.html