CitySelect 城市选择

使用指南

组件介绍

城市选择组件

引入方式

import { CitySelect } from 'feart';

components: {
  "fe-city-select": CitySelect,
},

代码演示

基础用法

<fe-city-select @select="selected" />

export default {
  methods: {
    selected(item) {
      console.log(item);
    },
  },
};

远程异步搜索

通过 v-model 可以绑定已经上传的图片列表，并展示图片列表的预览图

<fe-city-select @select="selected" :search="searched" />

export default {
  methods: {
    selected(item) {
      console.log(item);
    },
    searched(name) {
      return new Promise((resolve, reject) => {
        console.log(name);
        const data = [{ name: '杭州', id: '100010' }];
        if (data && data.length) {
          resolve(data);
        } else {
          reject();
        }
      });
    },
  },
};

数据结构说明

current-city: {name: '杭州', code: '10010'}

hot-list: [
  {name: '杭州', code: '10010'}
]

city-list: [
  {
    str: 'A',
    list: [
      {name: '杭州', code: '10010'}
    ]
  },
  {
    str: 'A',
    list: [
      {name: '杭州', code: '10010'}
    ]
  }
]

API

Props

Events