Как я могу изменить цвет фона выделенной памяти в элементе интерфейса NavMenu - PullRequest
0 голосов
/ 20 февраля 2019

Пример изображения

Я хочу изменить цвет фона при выборе одного из меню на изображении, а не только при наведении курсора на меню.

<el-row>
      <el-col :span="24">
        <el-menu
          default-active="1"
          class="el-menu-vertical-demo"
          @select="handleSelect"
          background-color="#E4E7ED"
          text-color="#fff"
          active-text-color="#EB0303"
          ref='parentDom'
        >
          <el-menu-item index="1" ref='childDom'>
            <i class="el-icon-menu"></i>
            <span slot="title">Nav 1</span>
          </el-menu-item>
          <el-menu-item index="2">
            <i class="el-icon-setting"></i>
            <span slot="title">Nav 2</span>
          </el-menu-item>
        </el-menu>
      </el-col>
    </el-row>

methods: {
    handleSelect(key, keyPath) {
      this.$refs.parentDom.items[key].$el.class='overClass';
    }
}

Любое решение или предложение будут признательны

...