el-time-select change无效

根据提供的引用内容，el-time-select是一个时间选择器组件，而@change是用来绑定时间选择器变化事件的。如果@change无效，可能是以下几个原因导致的：
1.没有正确绑定@change事件，可以检查一下代码中是否正确使用了@change。
2.时间选择器组件的值没有正确绑定到v-model上，可以检查一下代码中是否正确使用了v-model。
3.时间选择器组件的属性设置不正确，可以检查一下代码中是否正确设置了选择的起止时间和变化步幅。
如果以上方法都无法解决问题，可以尝试查看官方文档或者提问相关技术论坛获得更多帮助。

相关问题

el-time-select时间选择器里面的时和分后加上时和分文字

`el-time-select` 是 Element UI 提供的一个日期和时间选择组件，在这个组件中，如果你想要在用户选择小时和分钟之后显示“时：分”的文本形式，你可以通过自定义 `format` 或者监听其 `change` 事件来实现。

1. 如果你希望使用内置的格式化功能，可以设置 `value-format` 属性，例如：

<el-time-select v-model="timeValue" :value-format="'HH:mm'" placeholder="请选择时间"></el-time-select>

这里的 `HH:mm` 表示 24 小时制的时间格式，选择后会显示如“15:30”这样的格式。

2. 如果你想在 `change` 事件触发后动态转换显示，可以在 Vue 组件内这样处理：

<template>
  <el-time-select ref="timeSelect" v-model="timeValue" @change="formatTimeDisplay"></el-time-select>
</template>

<script>
export default {
  data() {
    return {
      timeValue: ''
    };
  },
  methods: {
    formatTimeDisplay(newTime) {
      this.timeDisplay = `${newTime.hours}:${newTime.minutes}`;
    }
  }
}
</script>

在这里，`formatTimeDisplay` 方法会在用户选择时间后被调用，并更新 `timeDisplay` 数据属性。

el-select的change事件无效

根据提供的引用内容，el-select的change事件无效可能是因为render函数没有自动更新导致的。解决这个问题的方法是在el-select组件上添加key属性，并将其绑定到一个唯一的值上，这样每次重新渲染时就会创建一个新的组件实例，从而解决视图没有更新的问题。具体实现方法如下所示：

<el-select v-model="selected" @change="handleChange" :key="selectKey">
  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>

export default {
  data() {
    return {
      selected: '',
      options: [
        { label: '选项1', value: '1' },
        { label: '选项2', value: '2' },
        { label: '选项3', value: '3' }
      ],
      selectKey: 0
    }
  },
  methods: {
    handleChange(val) {
      console.log(`选中的值为：${val}`)
    }
  }
}