el-table鼠标移入自定义显示

 <el-table-column prop="index" label="需求人" min-width="8%" sortable="custom">
        <template slot-scope="scope">
          <el-popover placement="top" trigger="hover">
            //利用element ui 的el-popover 弹出框展示悬浮内容, <br />
            placement="top"为弹出层出现的位置为顶部,trigger="hover"触发方式为悬浮
            <div>123132123123123</div>
            <div slot="reference" class="name-wrapper">
              <div @mouseover="mouseOver(scope.row)" @mouseleave="mouseLeave">{{ scope.row.index }}</div>
            </div>
          </el-popover>
        </template>
      </el-table-column>

  鼠标移入移出触发函数

    mouseOver(e) {
      console.log(e)
    },
    mouseLeave() {
      console.log('456')
    },

  

posted @ 2022-06-09 11:26  巨菜的小鸟  阅读(929)  评论(0编辑  收藏  举报