<el-time-picker :is-range="true" v-model="row.timePicker" range-separator="-" start-placeholder="开始时间" end-placeholder="结束时间" value-format="HH:mm:ss" :picker-options="{ selectableRange: ['18:30:00 - 20:30:00'] }" @change="validateDateOverlay" placeholder="选择时间范围"> </el-time-picker>selectableRange 不生效

根据您提供的代码，我注意到您的 `el-time-picker` 组件的 `picker-options` 属性已经设置为一个包含正确格式的 `selectableRange` 的对象。如果 `selectableRange` 仍然不起作用，您可以尝试使用 `ref` 属性来获取该组件的实例，并在该实例上调用 `selectableRange` 方法来设置可选时间范围。

请按照以下步骤进行操作：

1. 在 `el-time-picker` 上添加 `ref` 属性，例如： `ref="timePickerRef"`。

2. 在 `mounted` 钩子函数中，使用 `this.$refs` 访问该组件的实例，并使用 `selectableRange` 方法设置可选时间范围，例如：

mounted() {
  this.$refs.timePickerRef.selectableRange = ['18:30:00 - 20:30:00'];
}

3. 确保在 `mounted` 钩子函数中调用 `selectableRange` 方法之后，您的 `el-time-picker` 组件已经成功渲染。如果组件还没有渲染，您可以在 `nextTick` 中调用 `selectableRange` 方法，例如：

mounted() {
  this.$nextTick(() => {
    this.$refs.timePickerRef.selectableRange = ['18:30:00 - 20:30:00'];
  });
}

如果您按照上述步骤进行操作，`selectableRange` 应该能够正常工作。