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

子组件修改父组件的值

作者: 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);
}

相关文章

  • vue父子组件的双向绑定

    父组件可以向子组件传值,修改。同时,子组件也可以向父组件传值和修改 父组件的分析:父组件使用v-model实现双向...

  • Vue子组件修改父组件的值

    Vue是不允许子组件直接修改父组件的值的,如果需要修改,按如下方式: 子组件 父组件

  • 03、vue 页面跳转传值,父子组件传值

    1、页面跳转传参 2、父子组件传值父组件 子组件(子组件调用父组件的方法) 3、父组件调用子组件的方法 4、修改浏...

  • vue中父组件获取子组件的值

    vue项目中,普遍存在父组件和子组件相互传值的问题,父组件向子组件传值用props,但是如果此时要修改父组件传的值...

  • 组件传值(父组件传值给子组件)

    组件传值(父组件传值给子组件)不可在子组件中修改父组件的值,可以通过深拷贝。在子组件中拷贝一份数据app.vue:...

  • Vue<实现父子组件间的相互传递>

    前提: 父组件向子组件传值,可以通过 props ;若我们通过子组件去修改父组件的值,当然也可以通过 $emit(...

  • vue2.0 父子组件传值

    父组件传值给子组件 子组件 子组件通过 props 接收值 父组件 父组件通过标签属性传值 子组件传值给父组件 子...

  • react父子组件传值

    1、父==》子组件传值父组件 子组件 2.子==》父组件传值子组件 父组件

  • 父子组件间通信

    父→子 传送子组件的属性是父组件传递的,动态修改父组件的值,子组件也会对应的变化 子→父父组件将自身方法作为pr...

  • Vue_组件间传值

    1、父组件传值给子组件2、子组件传值给父组件 1、父组件传值给子组件 2、子组件传值给父组件

网友评论

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

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