element ui :selectable="selectable" type="selection" 添加tooltip 禁用描述添加

在Element UI中，`<el-select>`组件默认提供了一些选项，如`:selectable`用于控制是否可以多选，而`type`属性则决定了选择模式。若你想给这个下拉框添加tooltip提示并且禁用某些项的描述显示，你可以这样做：

首先，要在`<el-option>`标签内设置`label`和`value`属性来表示选项的文本和值，同时添加`description`属性来存放 tooltip 提示信息：

<el-select v-model="selectedValue" :selectable="selectable">
  <el-option
    v-for="item in options"
    :key="item.value"
    :label="item.label"
    :value="item.value"
    :disabled="shouldDisable(item)"   <!-- 如果需要禁用特定项 -->
    :description="item.description || ''"  <!-- 显示 tooltip 提示 -->
  ></el-option>
</el-select>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [
        { label: 'Option 1', value: 'option1', description: 'This is a tooltip for option 1' },
        { label: 'Option 2', value: 'option2', description: 'Tooltip for option 2' },
        // ...
      ],
      selectable: true,  // 设置是否允许多选
      shouldDisable(item) {
        // 根据业务需求动态判断某一项是否应被禁用
        // 这里只是一个示例，可以根据 item 的某个属性来决定
        return item.disabled;
      }
    };
  }
};
</script>

这里假设`options`数组包含了所有可选项目，并且每个项目都有`description`属性用于存储tooltip内容。`shouldDisable`函数可以根据实际情况返回布尔值，决定是否禁用某个选项。