vue子组件修改父组件的传值
Posted 哈娄
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue子组件修改父组件的传值相关的知识，希望对你有一定的参考价值。
1 .sync 修饰符
// 父组件
<home :title.sync="title" />
//编译时会被扩展为
<home :title="title" @update:title="val => title = val"/>
// 子组件
// 所以子组件可以通过$emit 触发 update 方法改变
mounted()
this.$emit("update:title", '这是新的title')
2.传入引用类型数据，进行修改
// 父组件
<home :title="obj" />
data:
obj:
title: '哈哈'
// 子组件
props:
obj:
type: Object,
dafault: () => ()
mounted()
this.obj.title = 'haha2'
以上是关于vue子组件修改父组件的传值的主要内容，如果未能解决你的问题，请参考以下文章