美文网首页
子组件修改父组件的值

子组件修改父组件的值

作者: Neuro_annie | 来源:发表于2021-09-02 15:18 被阅读0次

    1) .sync修饰符

    下面代码会被扩展为 :handleTitle="title" @update:handleTitle="val => title = val"

    父组件

    <child :handleTitle.sync="title"></child>
    

    子组件

    props: {
      handleTitle: String,
    },
    methods: {
      this.$emit("update:handleTitle", res.obj.insureName);
    }
    

    2) 传统$emit

    父组件

    <child @title="handleTitle"></child>
    
    methods: {
      handleTitle(val) {
        this.title = val;
      },
    }
    

    子组件

    props: {
      handleTitle: String,
    },
    methods: {
      this.$emit("title", res.obj.insureName);
    }
    

    相关文章

      网友评论

          本文标题:子组件修改父组件的值

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