Vue $parent 对象
示例
使用$parent子组件中的对象，以更改父组件中的“文本”数据属性。
<template>
<div>
<h3>Change Text</h3>
<p>Click the button to toggle the text in the PRE tag of the parent component.</p>
<button v-on:click="this.$parent.text='Hello!'">Change text in parent</button>
</div>
</template>
请参阅下面的更多示例。
定义和用法
这个$parentobject 表示父组件的 Vue 实例。
如果$parent对象在根组件中使用，其值$parent对象将是null。
我们可以使用$parent对象直接从子组件访问父实例、调用方法、读取或操作数据属性等。
更多示例
示例
使用$parent子组件中的对象，以引用父组件中的方法。
<template>
<div>
<h3>Toggle Color</h3>
<p>Click the button to toggle the color in the P tag of the parent component.</p>
<button v-on:click="this.$parent.toggleColor">Toggle</button>
<p>The 'toggleColor' method is also in the parent component.</p>
</div>
</template>
相关页面
Vue教程：Vue 道具
Vue教程：Vue $emit() 方法
Vue教程：Vue 提供/注入
Vue参考：Vue $emit() 方法
Vue参考：Vue $root 对象
截取页面反馈部分，让我们更快修复内容！也可以直接跳过填写反馈内容!