vue 列表数据有的数据表格会有图标，鼠标浮动到图标上会出现隐藏的div

如图所示，业务需求就是浮动到感叹号上 下面会出现一行字。 

代码

在子组件中的代码 

 <img src="@/assets/images/hr/hover.png" v-if="contract.contract_status=='INIT'" alt=""
                  @mouseover="hoverIcon(contractindex)" @mouseleave="hoverIconout(contractindex)">

<div class="hoverfont" v-show="contract.isHover">您需要支付预定商品的20%作为预交款</div>

 

    hoverIcon(inx) {
      // this.hovericonFlag = true;
      // console.log(this.tableData[inx]['isHover'], '2232');
      // this.$parent.tableData[inx]['i