<el-autocomplete
  @clear="clear"
  class="flex-1"
  clearable
  v-model="title"
  placeholder="请输入地点"
  :fetch-suggestions="querySearchAsync"
  @select="handleSelect">

方法method:

/**
 * 远程搜索地点列表
 * @param queryString
 * @param cb
 */
querySearchAsync (queryString, cb) {
  let arr = []
  if (queryString) {
    this.$jsonp('https://apis.map.qq.com/ws/place/v1/suggestion', {
      output: 'jsonp',
      key: process.env.VUE_APP_TX_KEY,
      location: `${this.center.lat},${this.center.lng}`,
      keyword: encodeURI(queryString)
    }).then(res => {
        arr = res.data || []
        cb(arr);  
    }).catch(() => {
      cb(arr)
    })
  } else {
    cb(arr)
  }
},

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45 5 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐