vue--子组件主动获取父组件的数据和方法

子组件主动获取父组件的数据和方法

简单示例：

this.$parent.数组

this.$parent.方法

示例：

<template>
    <div id="Header">
        <p>我是一个头部组件</p>
    <input type="button" value="获取父组件的属性和方法" @click="getParent()">
    </div>
</template>
<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      text:'我是子组件的属性'
    }
  },
  methods:{
    run(){
      alert('我是子组件的方法');
    },
    getParent(){
      alert(this.$parent.msg); // 获取父组件的方法
      this.$parent.run(); // 获取父组件的的方法
    }
  },
}
</script>

 

转载于:https://www.cnblogs.com/e0yu/p/9801297.html