vue子组件this.$parent.方法报错

如果在 Vue 子组件中使用 `this.$parent` 访问父组件的方法，可能会出现报错。这是因为 `$parent` 属性只会在父子组件关系中有效，并且在父组件中定义的方法需要通过 `methods` 属性才能在子组件中访问。

如果您想在子组件中访问父组件的方法，可以通过 `emit` 事件来实现。在父组件中绑定一个事件处理函数，然后在子组件中通过 `$emit` 方法触发该事件。父组件接收到事件后，就可以调用自己的方法。

以下是一个示例代码：

父组件：

<template>
  <div>
    <ChildComponent @child-click="handleChildClick"></ChildComponent>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  },
  methods: {
    handleChildClick() {
      // 在这里处理子组件事件
    }
  }
}
</script>

子组件：

<template>
  <button @click="$emit('child-click')">点击触发事件</button>
</template>

<script>
export default {
  // ...
}
</script>

在子组件中，当用户点击按钮时，会触发 `child-click` 事件，并通过 `$emit` 方法将事件传递给父组件。在父组件中，通过 `@child-click` 绑定事件处理函数，就可以处理子组件触发的事件了。