使用框架:
vue-cli 、vant
1、在src目录中的main.js中引入vant里的Area组件(见最后一个)并use
2、在项目目录使用命令下载省市区文件
npm add @ vant/area-data
3、在组件中引入该文件
注意,在引入的时候不要写错了!!
import { areaList } from '@vant/area-data';
4、使用Area组件即可
<template>
<div>
<van-area title="标题" :area-list="area" /> //这里的area是返回值area
</div>
</template>
<script>
import { areaList } from '@vant/area-data';
export default {
name:"selectArea",
data() {
return{
msg:"城区选择组件",
area:areaList //这里的areaList是引入的areaList,不是绑定值area-list
}
},
methods:{
}
}
</script>