Antd Vue Tree树形控件节点字数过多，超出范围显示省略号

差点兔了
2,572 阅读1分钟
  1. 网上给出的通俗的解决方案是用纯css

image.png

  1. 一开始我想把这四行放在整个左侧边栏menu中，超出左侧menu距离就显示省略号。但是仔细看注释，white-space应该针对的是行，我们需要的效果是每个树节点超出所占行的范围则显示省略号。

image.png

  1. 将样式加在每个树节点上，并查看文档API，发现有个属性可以让树节点独占一行

image.png

image.png

  • 注意：不要找错节点，找成节点里面的文字内容会出现奇怪的问题

image.png

avatar
文章
阅读
粉丝