vant Picker怎么用

要使用Vant Picker，首先需要确保你已经正确引入了Vant组件库，并按照文档中的指引完成了安装和配置。

然后，在需要使用Picker的组件中，按照以下步骤进行操作：

在组件的data属性中定义一个变量，用于存储Picker选中的值。例如：

data() {
  return {
    pickerValue: '',
  };
},

在模板中添加一个Picker组件，并绑定相关属性和事件。例如：

<van-picker
  :columns="['选项1', '选项2', '选项3']"
  v-model="pickerValue"
  title="请选择"
  @change="onChange"
>
  <template #toolbar>
    <van-toolbar>
      <van-button text type="primary" @click="onCancel">取消</van-button>
      <van-button text type="primary" @click="onConfirm">确定</van-button>
    </van-toolbar>
  </template>
</van-picker>

上述代码中，columns属性指定了Picker的选项，v-model指定了当前选中的值，title属性指定了Picker的标题，@change事件监听Picker的值变化。

在组件的methods属性中定义相关方法，用于处理Picker的事件。例如：

methods: {
  onChange(value) {
    console.log('当前选中的值：', value);
  },
  onCancel() {
    console.log('取消按钮被点击');
  },
  onConfirm() {
    console.log('确定按钮被点击');
  },
},

上述代码中，onChange方法会在Picker的值发生变化时触发，onCancel方法会在取消按钮被点击时触发，onConfirm方法会在确定按钮被点击时触发。

通过以上步骤，你就可以成功使用Vant Picker了。根据实际需要，你可以根据Vant Picker的文档，进一步配置和定制Picker的属性和样式。