vue鼠标停留下拉框选项显示悬浮信息，CSS两列多行

这个功能是在下拉框选项里做的，下拉框的id要自己修改，鼠标悬浮在选项框里的选项，右侧出现一个信息框，信息框里的内容是两列
HTML内容这里是用的下拉框，因此要把悬浮框置顶z-index: 99999;
关键就是这3个函数*@mouseenter=“mouseIn()”
@mouseleave=“mouseOut()”
@mousemove=“mouseMove($event)”*监听鼠标
实现效果如图

 <a-select-option
   v-for="oil in oilList"
   :key="oil.abbr"
   @mouseenter="mouseIn()"
   @mouseleave="mouseOut()"
   @mousemove="mouseMove($event)"
   >{
  { oil.name }}</a-select-option
 >
<div id="optionFocus" class="special_focus_toolTip" v-html