组件传值（子页面点击事件改变父页面的参数 直接触发）

在子页面的点击事件中直接触发父页面的方法，而不是通过自定义事件来传递参数，你可以使用 Vue.js 的 $parent 属性来访问父组件的方法。

在父组件中：

<template>
  <div>
    <child-component />
    <p>Parent Parameter: {
   
   { parentParameter }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      parentParameter: 'Initial Value'
    };
  },
  methods: {
    updateParentParameter(newValue) {
      this.parentParameter = newValue;
    }
  }
};
</script>

在子组件中

<template>
  <div>
    <button @click="updateParentParameter('New Value')">Change Parent Parameter</button>
  </div>
</template>

<script>
export default {
  methods: {
    updateParentParameter(newValue) {
      this.$parent.updateParentParameter(newValue);
    }
  }
};
</script>

父组件中的 updateParentParameter 方法用于更新父参数 parentParameter。子组件中的按钮点击事件直接调用 updateParentParameter 方法，并传递新的值 'New Value' 给父组件。

在子组件中，我们使用 this.$parent 来访问父组件的方法，并调用 updateParentParameter 方法来触发父组件的方法，从而改变父组件的参数。

通过这种方式，子页面的点击事件可以直接触发父页面的方法，而无需通过自定义事件传递参数。

希望这个示例对你有所帮助！如果你有其他问题，请随时提问。