子组件修改父组件的值

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);
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容