tree-select 组件width怎么调整

tree-select组件通常是指基于树形数据结构的下拉选择框，宽度调整主要是为了适应不同的屏幕尺寸和设计布局需求。要调整`tree-select`的宽度，你可以按照以下几个步骤操作：

1. **直接设置样式**: 直接在HTML中给`<select>`元素添加`style`属性，指定宽度，例如：

   <el-tree-select :options="options" style="width: 200px;">
     <!-- ... -->
   </el-tree-select>

2. **通过CSS类控制**: 如果你想让宽度动态响应，可以利用CSS选择器，为`tree-select`或其内部的`<select>`元素创建一个类，并在外部样式表中设置宽度：

   .custom-tree-select {
     width: 100%;
     /* 或者根据需要设置具体的像素值 */
   }

然后在组件上绑定这个类：

   <el-tree-select class="custom-tree-select" :options="options">
     <!-- ... -->
   </el-tree-select>

3. **配置项设置**: 如果你使用的是Vue组件库如Element UI，有些组件允许你在组件的选项中设置宽度，比如`props`属性：

   <el-tree-select :options="options" :width="customWidth">
     <!-- ... -->
   </el-tree-select>

在组件对应的script部分设置`data`：

   data() {
     return {
       customWidth: '200px'
     };
   }

**相关问题--:**
1. `tree-select`组件的宽度默认是多少？
2. 如何在响应式布局中动态调整`tree-select`的宽度？
3. `tree-select`组件是否支持百分比宽度设置？