码迷,mamicode.com
首页 > 其他好文 > 详细

使用vant中的地址编辑组件

时间:2020-04-14 19:02:37      阅读:387      评论:0      收藏:0      [点我收藏+]

标签:选择   json   拷贝   src   搜索   tps   blank   lis   change   

1.首先导入组件

import Vue from ‘vue‘; import { AddressEdit } from ‘vant‘; Vue.use(AddressEdit);

使用组件

<van-address-edit
  :area-list="areaList"
  show-postal
  show-delete
  show-set-default
  show-search-result
  :search-result="searchResult"
  :area-columns-placeholder="[‘请选择‘, ‘请选择‘, ‘请选择‘]"
  @save="onSave"
  @delete="onDelete"
  @change-detail="onChangeDetail"
/>

 

2.找到vant的area省市区选择

搜索areaList找到 Area.json,点进去,github拷贝一份下来,命名为areaData.js

3.在用的组件中导入areaData.js文件

4.最后给areaList赋值

data() { return { areaList:areaData, searchResult: [], }; }

 

使用vant中的地址编辑组件

标签:选择   json   拷贝   src   搜索   tps   blank   lis   change   

原文地址:https://www.cnblogs.com/luyuandatabase/p/12699654.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!