Snippets

三级联动

china-division

cascader-address-options.js

import provinces from 'china-division/dist/provinces.json'
import cities from 'china-division/dist/cities.json'
import areas from 'china-division/dist/areas.json'

areas.forEach((area) => {
  const matchCity = cities.filter((city) => city.code === area.cityCode)[0]
  if (matchCity) {
    matchCity.children = matchCity.children || []
    matchCity.children.push({
      label: area.name,
      value: area.code
    })
  }
})

cities.forEach((city) => {
  const matchProvince = provinces.filter((province) => province.code === city.provinceCode)[0]
  if (matchProvince) {
    matchProvince.children = matchProvince.children || []
    matchProvince.children.push({
      label: city.name,
      value: city.code,
      children: city.children
    })
  }
})

const options = provinces.map((province) => ({
  label: province.name,
  value: province.code,
  children: province.children
}))

export default options

更多

30s

lodash

简单的二维码

微信公众平台如何实现支付宝支付