美文网首页
组件间通信

组件间通信

作者: 温水煮青蛙a | 来源:发表于2022-11-07 17:55 被阅读0次
    inject

    子组件

    inject: {
        forA: {
          default: () => ("默认值")
        },
        forDef: {
          default: () => ("默认值")
        }
      },
    或者
      inject: ["forA"],
    

    父组件

    provide() {
        return {
          forA: "父组件传过来的数据"
        };
      },
    
    update:xxx

    注意(:后边不能有空格)
    整能实现当子组件对messageObj更新后,父组件中绑定的messageObj也会被改变
    父组件

    <aaa-text-field
              v-model="formModel.text"
              :formName="formModel.textID"
              :messageDTO.sync="messageObj"
            />
    

    子组件

    this.$emit("update:messageObj", {
              messageID: this.$attrs.textID,
              messageText: "",
            });
    

    相关文章

      网友评论

          本文标题:组件间通信

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