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 8 years ago)
• Default Branch: master
• Last Pushed: 2018-01-24T03:29:54.000Z (about 7 years ago)
• Last Synced: 2024-10-01T18:09:40.747Z (4 months ago)
• Topics: address-input, select, vuejs
• Language: JavaScript
• Homepage: http://savokiss.me/vue-cascading-address
• Size: 1.04 MB
• Stars: 30
• Watchers: 4
• Forks: 11
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• 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组件)

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)