element ui 中如何实现对父类class中的 selected 进行绑定,修改按钮样式

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

element ui 中如何实现对父类class中的 selected 进行绑定(如下图),这样我可以判断当前选择按钮的class 样式,
然后显示当前行的按钮,而不是每行都显示
1.点击选项后,会添加selected 类

img


这里是较完整的代码

img


2.默认状态,只是点击输入框,出现下拉选项(鼠标放在第一个选项上)

img


3.默认状态,只是点击输入框,出现下拉选项(鼠标放在第一个选项上)

img


4.点击第一项空白处后(这个时候还没有点击按钮)

img


5.点击添加课程按钮后,出现如下

img


6.下面都是我的代码,重点看按钮那

img


6.下面都是我的代码,重点看按钮那

img

img

用代码块功能插入代码,请勿粘贴截图
运行结果及报错内容

点击按钮,全部都变成 已经添加 了

我想要达到的结果

img


点击输入框,输入关键字可以快速查询内容,下面可以出现选项,而且选项可以多选(最重要的是如何绑定父类,就是父类有selected 这个类,如何根据有无这个类(注意这里我的代码里没有这些标签类名的),来让按钮是显示还是隐藏

img

img

好乱,一点一点的说好不