Iview Tooltip显示不换行,被遮挡

部分使用slot 方式无法解决

<Tooltip placement="top"> <Button>多行</Button> <div slot="content"> <p>显示多行信息</p> <p><i>可以自定义样式</i></p> </div> </Tooltip>

所以仍然使用content方式,

max-width="300" theme="light" style="min-width: 300px;"为了显示换行

transfer为了解决tootip被遮挡

iview官网对transfer的描述:

<Tooltip :content="data.text" placement="right" max-width="300" theme="light" transfer style="min-width: 300px;">
                <Icon type="ios-alert-outline" size="20"></Icon>
              </Tooltip>

相关推荐

  1. css中文本显示省略号和显示省略号

    2023-12-21 16:08:02       18 阅读
  2. css之flex布局文本显示省略号的解决方法

    2023-12-21 16:08:02       19 阅读
  3. textarea 中的内容在word中显示起作用

    2023-12-21 16:08:02       9 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-21 16:08:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-21 16:08:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-21 16:08:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-21 16:08:02       20 阅读

热门阅读

  1. 阿里云数据传输服务DTS

    2023-12-21 16:08:02       33 阅读
  2. Qt qlistwidget自绘,隔行换色

    2023-12-21 16:08:02       36 阅读
  3. Linux 命令备忘录

    2023-12-21 16:08:02       30 阅读
  4. React中如何避免不必要的render?

    2023-12-21 16:08:02       34 阅读
  5. redis 缓存穿透、击穿、雪崩、无底洞分析及解决

    2023-12-21 16:08:02       41 阅读
  6. HiveServer2

    2023-12-21 16:08:02       39 阅读
  7. redis cluster集群定时备份

    2023-12-21 16:08:02       33 阅读
  8. 开源键盘工程QMK

    2023-12-21 16:08:02       37 阅读
  9. Golang实践录:gin绑定解析json的两种方法

    2023-12-21 16:08:02       32 阅读