i-view表格鼠标移入移出Poptip气泡提示被遮挡

客户提出的需求真是五花八门!要在表格当前行悬浮出现表格,客户重点提出不能点击,嗯哼!剁了吧!
想了很久,首先我看到这个需求我第一想法是不太可行,如果当前行鼠标移入移出会影响后面操作的按钮无法点击,并付诸行动,的确如此,因此向客户说明,并改成其中一列鼠标移入移出显示隐藏
在这里插入图片描述
代码如下:

<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版权协议,转载请附上原文出处链接和本声明。