客户提出的需求真是五花八门!要在表格当前行悬浮出现表格,客户重点提出不能点击,嗯哼!剁了吧!
想了很久,首先我看到这个需求我第一想法是不太可行,如果当前行鼠标移入移出会影响后面操作的按钮无法点击,并付诸行动,的确如此,因此向客户说明,并改成其中一列鼠标移入移出显示隐藏
代码如下:
<Table ref="table" :height='tableHeight' stripe :loading="loading1" :columns="table1_title" :data="table1_data" border>
<template slot-scope="{ row, index }" slot="WORKCODE">
<Poptip trigger="hover" :transfer="true" placement="top" width="380" @on-popper-show="move(row)">
<span style="color:blue;">{{ row.WORKCODE }}</span>
<div class="api" slot="content">
<Table stripe :loading="loading1" :columns="table1_title10" :data="table1_data10"></Table>
</div>
</Poptip>
</template>
</Table>
1.说明一下:poptip气泡被遮挡::transfer=“true”(将transfer属性改为true)
2.鼠标移入事件需要调接口写方法:@on-popper-show=“move”
3.改变气泡提示显示的方向:placement=“bottom”(不写的话默认朝上)
版权声明:本文为weixin_45891332原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。