How does the Iview component library solve the problem that the content of the Tooltip is blocked

Problem Description

When displaying data in a table, some data is too long to be fully displayed, so the Tooltip component is used to display the data that is too long, and because the table header is set to fixed, the content displayed by the Tooltip will be blocked by the table header, as shown in the figure below
insert image description here

Solution

Add transfer, it can be solved perfectly

 <Tooltip :content="item2.taskTarget" placement="right" max-width="200" transfer>
     <span>{
    
    {
    
     item2.taskTarget }}</span>
 </Tooltip>

The solution is successful as shown in the figure
insert image description here

The description of transfer on the iview official website:
insert image description here

Guess you like

Origin blog.csdn.net/weixin_45150813/article/details/125777628