Vue -在迭代列表中从子组件向父LI添加类？

methods: {
  addClass() {
    this.$emit('add-class', 'your-class-name');
  }
}

<template>
  <div>
    <child-component @add-class="addClassToParent"></child-component>
    <ul :class="parentClass">
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ul>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      parentClass: ''
    };
  },
  methods: {
    addClassToParent(className) {
      this.parentClass = className;
    }
  }
}
</script>