render 响应式内容

H5女王

于 2019-12-04 11:46:57 发布

阅读量352

点赞数

CC 4.0 BY-SA版权

分类专栏：前端iview

本文链接：https://blog.csdn.net/H5_QueenStyle12/article/details/103383993

前端iview 专栏收录该内容

14 篇文章

订阅专栏


title: '服务启动时间',
key: 'service_start_time',
 render: (h, params) => {
            return h('div', [
              h(
                'Tooltip',
                {
                  props: { placement: 'top' }
                },
                [
                  h(
                    'span',
                    {
                      style: {
                        display: 'inline-block',
                        width: (params.column._width - 36) * 0.9 + 'px',
                        overflow: 'hidden',
                        textOverflow: 'ellipsis',
                        whiteSpace: 'nowrap'
                      }
                    },
                    params.row.service_start_time
                  ),
                  h(
                    'span',
                    {
                      slot: 'content',
                      style: { whiteSpace: 'normal', wordBreak: 'break-all' }
                    },
                    params.row.service_start_time
                      ? params.row.service_start_time
                      : '空'
                  )
                ]
              )
            ]);
          }