el-menu-item选中替换背景图片

要实现el-menu-item选中替换背景图片，可以通过以下步骤来完成：

1. 在CSS中定义两个类，一个是默认状态的背景图片，一个是选中状态的背景图片：

.default-bg {
  background-image: url('default-bg.jpg');
}

.selected-bg {
  background-image: url('selected-bg.jpg');
}

2. 在el-menu-item组件中添加一个@click事件，当菜单项被点击时，触发该事件：

<el-menu-item @click="changeBackground">菜单项</el-menu-item>

3. 在Vue组件中定义changeBackground方法，该方法会在菜单项被点击时被调用，在该方法中切换菜单项的选中状态，并根据选中状态添加或移除对应的背景图片类：

changeBackground() {
  this.selected = !this.selected;
  if (this.selected) {
    this.$refs.menuItem.$el.classList.add('selected-bg');
    this.$refs.menuItem.$el.classList.remove('default-bg');
  } else {
    this.$refs.menuItem.$el.classList.add('default-bg');
    this.$refs.menuItem.$el.classList.remove('selected-bg');
  }
}

其中，this.selected是一个Vue数据属性，用于记录菜单项的选中状态。this.$refs.menuItem.$el表示获取当前菜单项的DOM元素。

通过以上步骤，就可以实现el-menu-item选中替换背景图片的效果了。