在手機(jī)端的vue項(xiàng)目中插入百度地圖，需要實(shí)現(xiàn)在圖中效果（網(wǎng)絡(luò)圖），即輸入框中修改時(shí)自動(dòng)進(jìn)行搜索。使用的是如下鏈接 http://lbsyun.baidu.com/jsdem...

代碼如下，在index.html中引入的地圖js文件

    <script src="http://api.map.baidu.com/api?v=2.0&ak=我的ak值"></script>

在map.vue中有下面兩端代碼，但是每次改變contact-item中的值時(shí)，卻不會(huì)進(jìn)行搜索,頁面沒有報(bào)錯(cuò)。麻煩各位幫看下怎么回事，感謝~

<input type="text" class="contact-item-input" id="contact-item" :placeholder="defaultContact.name">

  mounted(){
    this.$nextTick(function(){
      let map = new BMap.Map('map-area')
      map.centerAndZoom('北京', 12)
      let ac = new BMap.Autocomplete({
        input: 'contact-item',
        location: map
      })
      // 下面這段代碼其實(shí)沒什么關(guān)系
      let myValue
      ac.addEventListener('onconfirm', function(e) {
        let _value = e.item.value
        myValue = _value.province +  _value.city +  _value.district +  _value.street +  _value.business
        console.log("onconfirm<br />index = " + e.item.index + "<br />myValue = " + myValue)

        // this.setPlace()
      })
    })
  }