vue中如何获取父类类名，实现可查询可多选的下拉选项的按钮切换？

问题遇到的现象和发生背景

使用element ui中的组件，实现可查询可多选的效果，但是出现了如下问题（注意看我的 li 里面的类哦）
不知道如何获取获取父类的 selected （这个是element ui 组件自带的）然后可以让子类按钮可以根据类的有无来切换

1.先点击完添加课程按钮，然后弹出如下对话框，进行选择课程

2.点击第一项，出现 selected 类（此时还没有点右侧的添加课程）

3.不点击第一项的空白处，直接点击右侧的 添加课程 按钮 ，没有出现selected 类，并且所有按钮都变成了 添加成功

4.在点击右侧 添加课程 的按钮的前提下，点击了第一项空白处，出现了 selected类

5.选择多项课程，都有selected 类

用代码块功能插入代码，请勿粘贴截图

 
    <el-dialog 
      title="添加课程"
     :visible.sync="dialogForm_aClass" 
     :before-close="handleCloseA"
     >
    <el-form :model="addClassForm" :rules="rules" ref="addClassForm"  >
        <el-form-item   prop="teacherName" class="addCourseForm">
            <el-select v-model="value1" filterable multiple placeholder="可输入关键字查询"  >
                <el-option v-for="item in options " 
                :key="item.value"
                :label="item.label"
                :value="item.value">
                <div class="CourseLabel">
                    <div class="CourseLabel_t"><span >{{item.label}}(用于查询)span>div>
                    <div class="CourseLabel_b"><span >课程编号(用于查询)span>div>
                div>
                <div class="RightLabel">
                <span >授课人:{{item.value}}span>
                <el-button icon="el-icon-plus" round :class="{ active : isActive }" @click="activeBtn">添加课程el-button>
                <el-button type="success" icon="el-icon-check"  round :class="{ active1 : isActive1 }" @click="activeBtn1">成功添加el-button>
                div>
                el-option>
            el-select>
        el-form-item>
      el-form>
    <div slot="footer" class="dialog-footer">
    <el-button type="primary" @click="addclass('addClassForm')" round>确 定el-button>
    <el-button @click="cancelAddClass('addClassForm')" round>取 消el-button>
     div>
  el-dialog>

我想要达到的结果

如何实现点击某一项，（最好是可以获取到selected 类）可以让对应项的课程按钮变成 ’‘成功添加‘’ 而不是所有都添加上 ’ ‘ 成功添加’‘

让添加课程和前面比如职业课程一起遍历出来，点击的时候只改变点击的那条对象