直播平台制作，vue el-dropdown下拉框单选有对钩高亮

<template><br>  <div><br>    <div class="selected"></div><br>    <el-dropdown<br>      style="<br>        cursor: pointer;<br>        font-weight: 500;<br>        font-size: 16px;<br>        line-height: 1;<br>        letter-spacing: 0.09px;<br>        color: #202224;<br>      "<br>      :hide-on-click="false"<br>      @command="switchStatusKeywords"<br>    ><br>      <span class="el-dropdown-link"<br>        >扫描进度<i class="el-icon-arrow-down el-icon--right"></i><br>      </span><br>      <el-dropdown-menu slot="dropdown"><br>        <el-dropdown-item<br>          v-for="(item, key) in taskStatusMap"<br>          :key="key"<br>          :command="item.value"<br>          :class="{ selected: status == item.value }"<br>        ><br>          <i v-show="status == item.value" class="el-icon-check"></i><br>          {{ item.title }}<br>        </el-dropdown-item><br>      </el-dropdown-menu><br>    </el-dropdown><br>  </div><br></template><br><script><br>export default {<br>  data() {<br>    return {<br>      status: "",<br>      taskStatusMap: [<br>        { value: "0", type: "default", title: "未开始" },<br>        { value: "1", type: "default", title: "队列中" },<br>        { value: "2", type: "default", title: "进行中" },<br>        { value: "3", type: "default", title: "已成功" },<br>        { value: "4", type: "disabled", title: "不可用" },<br>        { value: "5", type: "disabled", title: "部分信息丢失" },<br>        { value: "6", type: "default", title: "暂停" },<br>      ],<br>    };<br>  },<br>  methods: {<br>    switchStatusKeywords(index) {<br>      console.log("index", index);<br>      this.status = index;<br>    },<br>  },<br>};<br></script><br><style scoped ><br>.selected {<br>  color: #409eff;<br>}<br>.el-dropdown-menu__item {<br>  padding-left: 40px;<br>}<br>.el-dropdown-menu__item i {<br>  margin-left: -24px;<br>  color: #409eff;<br>}<br></style>