el-select change没触发

在使用elementui开发时，当页面初始状态下el-select组件赋值后，change事件没有被触发的问题可能是由于使用了错误的标签导致的。根据引用中的描述，应该使用@change来监听change事件，而不是使用错误的标签。可以尝试将@change="selectChange"应用到el-select组件中，并在对应的方法中处理change事件。引用中提供的代码片段展示了正确的使用方式。另外，通过watch监听子级选择框的值更新也可以解决该问题，如引用中所述。通过这两种方法之一，您应该能够正确触发change事件。<span class="em">1</span><span class="em">2</span><span class="em">3</span>

相关问题

el-select change不触发

您好！对于 `el-select` 的 `change` 事件不触发的问题，可能有多个原因导致。以下是一些常见的解决方法：

1. 确保绑定了正确的事件名称：请确保在 `el-select` 组件上使用了正确的事件名称 `change`，例如：`@change="handleChange"`。

2. 检查选项是否正确地绑定了值：确保选项中的每个项都有正确地绑定了值。您可以使用 `v-model` 或 `:value` 属性来实现这一点。

3. 检查数据绑定：请确保 `el-select` 组件的绑定值正确地与数据进行双向绑定。您可以使用 `v-model` 来实现双向绑定。

4. 检查是否有其他事件或代码干扰：有时，其他事件或代码可能会干扰 `change` 事件的触发。请检查是否有其他事件监听器或代码可能会影响到 `change` 事件。

希望这些解决方法对您有所帮助！如果仍然无法解决问题，请提供更多的代码或详细信息，以便我能够更好地帮助您。

el-select visible-change触发两次

"el-select" 是 Element UI 中的一个下拉选择组件。`visible-change` 是该组件的事件处理器，当下拉列表的可见状态发生变化时（比如从隐藏变为显示，或者从显示变为隐藏），这个事件会被触发。然而，有时候用户可能会遇到 `visible-change` 触发两次的情况。

这通常发生在以下几个场景之一：

1. **快速点击**：如果你迅速地点击了下拉箭头打开和关闭菜单，由于浏览器的事件冒泡机制，`visible-change` 可能会立即触发一次，然后在状态改变后再次触发，造成两次。

2. **回调函数内部操作**：如果在 `visible-change` 回调中执行了一些异步操作或者设置了延迟处理，那么在操作完成后，事件可能还会再触发一次。

3. **事件循环**：JavaScript 的事件循环可能导致两个队列的任务都执行了，因此即使看起来只改变了一次状态，也可能导致两次触发。

为了减少这种不必要的多次触发，你可以确保在回调函数中仅处理一次状态更改，并且避免在回调内引发新的操作，除非它直接影响到下拉列表的可见性。