wx-city-picker

KO | EN

gitlite — search

#javascript #hacktoberfest #golang #android #machine-learning #rust #java #awesome #cli #pytorch #security #ios #openai #open-source

(★ 26)

小程序城市选择器，省市区三级联动

wx-city-picker 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# wx-city-picker

小程序城市选择器， 省市区三级联动

![小程序城市选择器](https://raw.githubusercontent.com/staven630/wx-city-picker/master/wx-city-picker.gif)

# 配置

### 参数

### 事件

| 选项名 | 类型     | 是否必填 | 描述                 |
| :----- | :------- | :------- | :------------------- |
| select | Function | true     | 返回选中省市(区)信息 |

# 使用

### 引入

- npm 引入

```
npm i -S wx-city-picker
```

```
{
  "usingComponents": {
    "city-picker": "/components/wx-city-picker/index"
  }
}
```

- 手工下载至项目/components 目录

```
{
  "usingComponents": {
    "city-picker": "/components/wx-city-picker/index"
  }
}
```

### wxml

```
<city-picker codes="{{codes}}" data="{{citylist}}"  bind:select="onSelect">
  <view class="input-picker">
    {{city}}
  </view>
</city-picker>
```

### js

```
import {CityList} from './pca.js';
Page({
  data: {
    codes: [],
    city: '',
    citylist: CityList
  },
  onSelect(e) {
    this.setData({
      codes: e.detail.code,
      city: e.detail.value
    })
  }

})
```

# 其他小程序插件

- [wx-slide-tabs:类似可滑动的新闻菜单栏](https://github.com/staven630/wx-slide-tabs)

wx-city-picker

wx-city-picker 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

wx-city-picker

wx-city-picker 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README