Iview table 中Tooltip 折行显示效果

最新推荐文章于 2024-03-28 09:37:49 发布

弹琴弹琴

最新推荐文章于 2024-03-28 09:37:49 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：框架库点滴知识文章标签： iview

本文链接：https://blog.youkuaiyun.com/bbsyi/article/details/89490337

框架库点滴知识专栏收录该内容

96 篇文章

订阅专栏

本文介绍了一种服务状态的实时监控方案，通过在线监测CPU使用率、内存占用情况及磁盘空间，确保服务稳定运行。监控内容包括：CPU使用率为12.8%，内存占用为3/16GB，磁盘空间剩余900GB。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

{
        title: '服务状态监控',
        slot: 'date7',
        align: 'center',
        width: 130,
        render: (h, params) => {
          return h('Tooltip', {
            props: {
              placement: "right"
            }
          },[
            '在线',
            [
              h('p', { slot: 'content'},'CPU:12.8%'),
              h('p', { slot: 'content'},'内存:3/16GB'),
              h('p', { slot: 'content'},'磁盘:100/1000GB')
            ]
          ]);
        }
      }