设置el-tree超出部分换行问题

解决element树形控件换行问题

<div class="tree">
      <el-tree
        :props="defaultProps"
        :load="loadNode"
        :data="data"
        ref="tree"
        icon-class="el-icon-arrow-right"
        lazy
        accordion
        @node-click="handleNodeClick"
      ></el-tree>
</div>

1. 给style标签添加scoped属性时 是修改不了组件的样式的 必须去掉 所以我从新写了一个
2. 在app.vue里面写 也可以实现效果是对全局css进行更改的 我这里写在当前组件中 没有全局控制

<style lang="scss">
.tree {
  .el-tree-node {
    white-space: normal;
  }
}
</style>