Vant官网

官网给的操作步骤

 引入

import Vue from 'vue';
import { Area } from 'vant';

Vue.use(Area);

 使用的话，一般搭配Popup 弹出层使用

 安装 @vant/area-data

yarn add @vant/area-data

Vant官网提供的操作

 我们先 引入

import { areaList } from "@vant/area-data";

data定义

data:{
areaList
}

直接使用

<van-cell is-link @click="showPopup">所在地区</van-cell>
      <van-popup v-model="show" position="bottom">
        <van-area title="标题" :area-list="areaList" />
      </van-popup>

新人操作，不好地方，继续改进