vant-ui中before-change用法

在 Vant-UI 中，`before-change` 是一个 `Picker` 组件的事件，在用户改变选择器的值之前触发。它允许你在用户选择新值之前对选择器进行一些验证或其他操作。

你可以使用以下方式来使用 `before-change` 事件：

1. 在模板中使用 `@before-change` 绑定事件：

<van-picker
  :columns="columns"
  @before-change="handleBeforeChange"
></van-picker>

2. 在组件的 methods 中定义 `handleBeforeChange` 方法来处理事件：

methods: {
  handleBeforeChange(value, index) {
    // 在用户改变选择器的值之前触发，你可以在这里进行一些验证或其他操作
    // value 为当前选择的值
    // index 为当前选择的索引
    // 返回 false 可以阻止选择器的值改变

    // 示例：如果选择的是禁用的选项，则阻止选择器的值改变
    if (this.disabledOptions.includes(value)) {
      return false;
    }
  }
}

在 `handleBeforeChange` 方法中，你可以根据需要进行一些操作，如果需要阻止选择器的值改变，可以返回 `false`。