vue中使用Vant组件区

1、下载官方的area数据文件，area.jsarea.ts如果area.js不存在，下载area.ts，然后转成js文件，把.ts文件名改成.js，然后exportconstareaList={}改为exportdefault{}2、然后将importareaListfrom'../../assets/js/area.js'导入到area组件的vue组件中。3.基本上使用部分道具说明，详见官网：title：顶部栏标题area-list：省市数据，格式见area。js文件confirm-button-text：确认按钮文字，默认“确定”cancel-button-text：取消按钮文字，默认“取消”columns-num：显示列数，3-省市，2-省市，1-province，默认3个事件描述confirm：点击右上按钮完成，一个数组参数，具体格式见area.js数据格式cancel：点击取消按钮时change：选项改变时触发，Picker实例,所有列选中的值,以及当前列对应的index注意：如果不需要海外数据，可以删除area.js中的province_list900000:'海外'4.在弹窗中使用onAreaConfirm(val){this.showArea=falsevaraddrInfo=val[0].name+'-'+val[1].name+'-'+val[2].namethis.areaValue=addrInfo}组件字段类型的部分Props说明：输入框类型，可选值有teldigit`numbertextareapassword等，默认text`readonly:read-onlyrequired：是否显示表单Requiredasteriskclickable：是否启用点击反馈label：输入框左侧的文字