element tree 加min-width解决label长度过短不好看。和宽度写死x轴不滚动问题

.el-tree无宽度时，由label内容撑开，高亮和背景不好看

/deep/ .el-tree{ //加宽度
min-width: 300px;
}

<template lang="pug">
  .aaa
    el-scrollbar.left(style="height: 200px;width:300px")
      el-tree(:data="data" :props="defaultProps" @node-click="handleNodeClick")
</template>
<script>
export default {
  components: {},
  data() {
    return {
      data: [{
          label: '一级',
          children: [{
            label: '二级 1-1',
            children: [{
              label: '三级 1-1-1'
            }]
          }]
        }, {
          label: '二级',
          children: [{
            label: '超长的二级，，超长的二级超长的二级超长的二级超长的二级超长的二级超长的二级',
            children: [{
              label: '二级02',
            }]
          },{ label: '为了增加高度', },{ label: '为了增加高度', },{ label: '为了增加高度', },{ label: '为了增加高度', },{ label: '为了增加高度', },{ label: '为了增加高度', },{ label: '为了增加高度', },{ label: '为了增加高度', },{ label: '为了增加高度', }]
        }],
        defaultProps: {
          children: 'children',
          label: 'label'
        }
    }
    },
  computed: {},
  watch: {},
  methods: {
    handleNodeClick() {

    }
  },
  created() {
  },
  mounted() {
  },
}
</script>
<style lang="scss" scoped>
/deep/ .el-scrollbar__view{display:inline-block !important;}
/deep/ .el-scrollbar__wrap{overflow-x: hidden !important;}
/deep/ .el-tree{
  min-width: 300px;
  overflow: auto;
  background: rgb(232, 255, 218);
}
.left {
  background: rgb(235, 235, 235);
}
</style>