vue-treeselect宽度自适应

要使vue-treeselect宽度自适应，可以使用以下方法：

1. 设置vue-treeselect的宽度为100%：

<treeselect :options="options" :multiple="true" placeholder="Select some options" class="my-select" style="width:100%"></treeselect>

2. 如果你使用的是vue-treeselect的v-model绑定数据，可以使用watch来监听它的变化并重新计算宽度：

<template>
  <div>
    <treeselect v-model="selected" :options="options" :multiple="true" placeholder="Select some options" class="my-select"></treeselect>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selected: [],
      options: [
        { id: 1, label: 'Option 1' },
        { id: 2, label: 'Option 2' },
        { id: 3, label: 'Option 3' },
        { id: 4, label: 'Option 4' },
      ]
    };
  },
  watch: {
    selected: function(selected) {
      this.$nextTick(() => {
        let width = document.querySelector('.my-select .vue-treeselect__value-container').clientWidth;
        document.querySelector('.my-select .vue-treeselect__control').style.width = width+'px';
      });
    }
  }
};
</script>

这里的selected是绑定的数据，watch会监听它的变化。当selected变化时，会计算class为my-select的vue-treeselect的宽度并设置给它的控件。

希望这能对你有所帮助！