Vue addr picker

A Vue.js project

Version: 1.0.8 Updated: 04/22/2020

By: socalledPF License: MIT

Downloads Last 30 Days: 4

vue-addr-picker

描述

这是一款基于mint-ui的城市选择器组件

快速开始

  1. 安装插件: npm install -S vue-addr-picker

  2. 将插件加入Vue项目中:

    import Vue from 'vue';
    import CityPicker from 'vue-addr-picker';
    Vue.use(CityPicker)
  3. 然后在.vue 文件中使用组件

  <city-picker ref="citypicker" @confirm="getCity"></city-picker>

  <button @click="open('citypicker')"></button>
  export default {
    methods: {
      open(picker) {
        this.$refs[picker].open();
      }
    },
    getCity(city) {
      //处理选择的城市
      console.log(city) //得到选择的城市数据
    }
  }

仓库地址

码云仓库地址

demo

在线demo

Categories: Vue js
Tags: