elementui子组件控制父组件属性

在 ElementUI 中，子组件可以通过事件触发的方式来控制父组件的属性。以下是一个简单的示例：

在父组件中，你可以定义一个属性，并通过子组件的事件来改变这个属性的值。例如，你可以定义一个名为 "value" 的属性，并在子组件中触发一个名为 "update" 的事件来改变这个属性的值。

父组件示例：

<template>
  <div>
    <p>父组件值: {{ value }}</p>
    <child-component @update="updateValue"></child-component>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      value: ''
    };
  },
  methods: {
    updateValue(newValue) {
      this.value = newValue;
    }
  }
};
</script>

子组件示例：

<template>
  <div>
    <button @click="updateParent">点击更新父组件值</button>
  </div>
</template>

<script>
export default {
  methods: {
    updateParent() {
      this.$emit('update', '新的值');
    }
  }
};
</script>

在子组件中，通过 `$emit` 方法触发了一个名为 "update" 的事件，并传递了一个新的值作为参数。父组件通过监听这个事件，并在事件处理方法中更新了 "value" 属性的值。

这样，当你点击子组件中的按钮时，就会触发父组件中定义的方法，从而改变父组件的属性值。