navie ui 弹出信息用Popover

最新推荐文章于 2024-10-16 11:23:07 发布

开发两年半

最新推荐文章于 2024-10-16 11:23:07 发布

阅读量648

点赞数 11

文章标签：前端 javascript css

本文链接：https://blog.csdn.net/m0_73854491/article/details/136670160

版权

{
    key: 'remark',
    title: '备注',
    width: 150,
    render(rowData, rowIndex) {
      return h(
        NPopover,
        {
          placement: 'top',
          contentStyle: {
            maxWidth: '200px', //自定义宽度
          },
        },
        {
          trigger: () =>
            h(
              'div',
              {
                style: {
                  overflow: 'hidden',
                  textOverflow: 'ellipsis',
                  whiteSpace: 'nowrap',
                  width: '150px'
                }
              },
              {
                default: () => rowData.remark,
              }
            ),
          default: () => h('p', {}, { default: () => rowData.remark }),
        }
      )
    },
  },