如何用Vue3结合Vant-Picker实现省市二级联动选择器？

本文共计1285个文字，预计阅读时间需要6分钟。

目录+首先，项目引入vant-ui+子组件代码PickerArea+父组件代码+什么是真实无限，一步一步的喜欢呀，不得不同意，兴趣和特长是一个优良传承的循环啊，你擅长某件事，事情发生。

目录

• 首先，项目中引入vant-ui
• 子组件代码PickerArea
• 父组件代码

怕什么真理无穷，进一步有进一步的欢喜呀，不得不承认的就是，兴趣和擅长是一个良性迭代的循环啊，你擅长某件事情，就会越喜欢它，越喜欢，就越愿意花时间，进而越擅长。所以代码码起来吧哈哈哈

近期用上了vue3，还顺手写了个小需求，用vant-picker封装一个省市的二级联动，并且在从后端接口获取省市的数据，点开弹出框需要展示默认的选项，比如点击广东省-深圳市输入框，弹出的picker级联选择器需要默认广东 -深圳。

如下图：

好，那么话不多说，接下来一步一步来实现。