Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/savokiss/vue-cascading-address

vue address select component
https://github.com/savokiss/vue-cascading-address

address-input select vuejs

Last synced: 3 months ago
JSON representation

vue address select component

Host: GitHub
URL: https://github.com/savokiss/vue-cascading-address
Owner: savokiss
License: mit
Created: 2016-10-13T06:50:04.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2018-01-24T03:29:54.000Z (over 6 years ago)
Last Synced: 2023-12-24T18:02:48.754Z (6 months ago)
Topics: address-input, select, vuejs
Language: JavaScript
Homepage: http://savokiss.me/vue-cascading-address
Size: 1.04 MB
Stars: 31
Watchers: 4
Forks: 11
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Lists

awesome-vue - vue-cascading-address - cascading-address?style=social) - vue地区选择器 (UI组件)
awesome-github-vue - vue-cascading-address - vue地区选择器 (UI组件)
awesome-github-vue - vue-cascading-address - vue地区选择器 (UI组件)
awesome - vue-cascading-address - vue地区选择器 (UI组件)
awesome-github-vue - vue-cascading-address - vue地区选择器 (UI组件)

README

        # VueJS cascading address component

[![CircleCI](https://img.shields.io/circleci/project/savokiss/vue-cascading-address/master.svg)](https://circleci.com/gh/savokiss/vue-cascading-address)

[![npm version](https://img.shields.io/npm/v/vue-cascading-address.svg)](https://www.npmjs.com/package/vue-cascading-address)

[![License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat)](http://opensource.org/licenses/MIT "Feel free to contribute.")

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fsavokiss%2Fvue-cascading-address.svg?type=shield)](https://app.fossa.io/projects/git%2Bgithub.com%2Fsavokiss%2Fvue-cascading-address?ref=badge_shield)

## How it looks:

![](./static/demo.gif)

## Dependencies

- VueJS 2.0+

## Usage

### INSTALLATION

```

npm install vue-cascading-address --save

```

### ES6

```

import cascadingAdress from 'vue-cascading-address'

export {

  components: {

    cascadingAddress

  },

  methods: {

    confirmCity(data){

      console.log(data);// { province: 'xxx' , city: 'xxx' , area: 'xxx' }

    }

  }

}

```

### HTML

```

  

```

## API

### Props

| name        | type    | required | description |

| ---------- | --------| -------- | ---------------- |

| inputClass | String  | false    | custom classes added to input like 'input-sm'|

| readonly | Boolean  | false    | set the input to be readonly |

### Events

| name       | attributes    | listen to | description |

| ---------- | --------| -------- | ---------------- |

| confirm    | (data)  | @confirm    | Emitted after `confirm` button, data structure: { province: String, city: String, area: String} |

## License

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fsavokiss%2Fvue-cascading-address.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2Fsavokiss%2Fvue-cascading-address?ref=badge_large)