libin1991 / vue-city-select

基于vue2.0的仿美团的城市选择组件，通讯录

效果图

vue-city-select

A Vue.js project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.

插件使用方法

npm i vue-city-select -S

在main.js中引入注册

  import vueCity from 'vue-city-select'
  vue.use(vueCity);
  //然后就可以在项目中引用了,热门城市 hotCityList 参数可以根据自己的需求传或者不传
  <vue-city :hotCityList="hotCityList" @changeCity="changeCity"></vue-city>
  

注意这里的vue-city就是组件vueCity.vue中的name 的名称。否则会报错的。