element级联选择器和Popover连用，鼠标悬停触发Popove组件

可以使用element-ui的Cascader组件和Popover组件来实现这个效果。

首先，需要在页面中引入Cascader和Popover组件：

<el-cascader
  :options="options"
  v-model="selectedOptions"
  @change="handleChange"
  @active-item-change="handleActiveItemChange"
></el-cascader>

<el-popover
  ref="popover"
  placement="right"
  trigger="hover"
>
  <p>这是一个Popover组件</p>
</el-popover>

然后，在组件的方法中，可以通过监听Cascader的`active-item-change`事件来获取当前悬停的选项，并将Popover组件的内容更新为当前选项的信息：

methods: {
  handleActiveItemChange(item, index) {
    const popover = this.$refs.popover
    if (item && popover) {
      const content = `当前选项：${item.label}`
      popover.setContent(content)
    }
  },
  handleChange(value) {
    console.log(value)
  },
},

这样，当鼠标悬停在Cascader的某个选项上时，就会触发Popover组件，显示当前选项的信息。