子组件修改父组件的值

2021-09-02  本文已影响0人  Neuro_annie

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);
}
上一篇下一篇

猜你喜欢

热点阅读