首页 > 其他分享 >vant 省市区

vant 省市区

时间:2022-11-22 11:56:38浏览次数:32  
标签:code vant list ret item 省市区 areaList

将后端给的省市区转换为vant组件需要的省市区

  // 获取省市区数据 
  async getAreaData() {
    let ret = await getArea();
    console.log(ret)
    let list = ret.data
    let areaList = {
      province_list: {},
      city_list: {},
      county_list: {}
    }
    list.forEach(item => {
      if (item.code.indexOf('0000') != -1) {
        areaList.province_list[item.code] = item.name
      } else if (item.code.indexOf('00') != -1) {
        areaList.city_list[item.code] = item.name
      } else {
        areaList.county_list[item.code] = item.name
      }
    })
    this.setData({
      areaList: areaList
    })
  }

 

标签:code,vant,list,ret,item,省市区,areaList
From: https://www.cnblogs.com/jqynr/p/16914682.html

相关文章

  • vue3+vant移动端适配 px转换rem
    Vant中的样式默认使用px作为单位,如果需要使用rem单位,推荐使用以下两个工具:postcss-pxtorem是一款postcss插件,用于将px单位转化为remlib-flexible用于设置re......
  • 手把手,完整的从0搭建vite-vue3-ts项目框架:配置less+svg+pinia+vant+axios
    项目同步git:https://gitee.com/lixin_ajax/vue3-vite-ts-pinia-vant-less.git  为避免赘述,过于基础的点会直接省略或贴图,比如创建文件夹/文件的路径/路由一类配置相......
  • 关于 vant 移动端的 rem 适配方案
    一、使用 lib-flexible 动态设置rem基准值(html标签的字体大小)(1)安装依赖:npmiamfe-flexible-D(2)在main.js中引入import'amfe-flexible'(3)最后......
  • 由经纬度通过接口获取到省市区
    exportconstgetAddress=function(wx){returnnewPromise((resolve,reject)=>{let_this=thiswx.getSetting({success:(res)=>{......
  • 小程序基础之引用vant组件库
    第一步:终端npminit-y会生成一个pack.json文件。(初始化包管理,记录这个项目用的包。)第二步:npminstall会生成一个package-lock.json文件。(一个版本锁定的功能)上两步有......
  • 动态构建TreeView(中国省市区)
    .aspx代码如下:<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="中国市区县.aspx.cs"Inherits="中国市区县"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0......
  • SPOJ PHRASES Relevant Phrases of Annihilation
    DescriptionYouaretheKingofByteland.Youragentshavejustinterceptedabatchofencryptedenemymessagesconcerningthedateoftheplannedattackon......
  • Vant Weapp 组件库
    1.安装vant1.1打开项目路径,使用cd../确保路径是整个项目路径1.2输入npmi@vant/weapp-S--production1.3工具->构建npm......
  • vant-ui经验
      1、van-checkbox搭配van-cell使用,点击圆圈区域,不触发定义的click函数。解决:给van-checkbox添加一层div,添加click事件;van-checkbox也添加click事件。 ......
  • vue3+vant 引入Dialog Toast都会失败报错not defined
    今天在封装vant组件的时候,刚好要用到toast提示信息的组件,索性就按照官网提供的引入方法进行正常的引入,嘿,好家伙,一顿操作下来后发现竟然报Toast未定义,这就纳闷了,明明步骤都......