elementUI tree树节点文字超出时省略或折行 样式

文字超出时折行

::v-deep .tree {
    width: 100%;
    .el-tree-node {
      white-space: normal;
      .el-tree-node__content {
        height: 100%;
        align-items: start;
      }
    }
  }

文字超出时省略

::v-deep .el-tree-node__content {
    display: block;
    width: calc(100% - 30px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }