beforeShow拦截picker弹窗

在使用 picker 组件时，我们可以通过重写 picker 组件的 beforeShow 方法来拦截 picker 的弹窗。在 beforeShow 方法中，我们可以根据自己的需求来动态地修改 picker 的数据源或者控制 picker 是否显示。

具体实现步骤如下：

1. 定义一个 picker 组件，并在 beforeShow 方法中添加相应的逻辑处理。

<uni-picker @beforeShow="beforeShowPicker" :value="value">
  <uni-picker-view :picker-view-column="columns"></uni-picker-view>
</uni-picker>

2. 在组件的 methods 中定义 beforeShowPicker 方法，并根据自己的需求来修改 picker 的数据源或者控制 picker 是否显示。

methods: {
  beforeShowPicker(picker) {
    // 这里可以根据自己的需求来动态修改 picker 的数据源或者控制 picker 是否显示
    if (this.showPicker) {
      picker.show();
    } else {
      picker.hide();
    }
  }
}

在 beforeShowPicker 方法中，我们可以通过传入的 picker 对象来调用其 show 或 hide 方法来控制 picker 的显示和隐藏。同时，我们也可以通过修改 picker 的数据源来动态地改变 picker 的选项内容。

需要注意的是，beforeShow 方法返回 false 时，将会取消 picker 的弹窗。因此，我们可以根据需要在 beforeShow 方法中返回 true 或 false 来控制 picker 的弹窗。