Ant Design

分享一个项目里的需求基于vue 2 使用的 Ant Design 表格表头做鼠标滑入显示文本提示

1.上菜

{

                  ellipsis: true,
                  dataIndex: reviewItem.data[0].standard,
                  slots: { title: 'tbrAction' + index },
                  align: 'center',
                  width: reviews.length > 3 ? '350px' : '',
                  title:  <a-tooltip placement='bottom' title=123>
                          <div>123</div>
                          </a-tooltip>,
                  className: 'colunm-order_num',
                  scopedSlots: { customRender: 'action' + index }

}

直接在title里写代码，这里需要用变量的话在title：{}即可

杰尼龟.jpeg

ant design 表格表头鼠标滑入文字预览

Ant Design