因為項目中需要用到地圖定位功能,然后我就參考vue-baidu-map的文檔,做了一個可以通過點擊地圖獲取地點名稱和位置坐標然后存到數據庫,當用戶編輯位置信息時可以通過存儲在數據庫中的坐標在地圖上定位到對應的地理位置。但是當我將功能做完后發現首次加載時會有報錯信息,但是功能又是正常的,之后進行操作也不會有報錯
不多廢話,先說解決辦法:
將mounted()獲取數據庫存儲的坐標數據,改為created()時請求坐標數據,以下為詳細描述:
報錯信息信息比較多,下面就放圖:
代碼部分
我這里是在其他頁面獲取了數據庫里的坐標數據存儲到vuex里面,然后從vuex中取值,這里也可以改成用axios發送請求來獲取存儲在數據庫的坐標數據。form.csr_address值為“存儲的地址”,form.lng和form.lat是經緯度。
最后我發現,因為是在掛載時獲取數據,但是百度地圖渲染好像在掛載之前,所以當它調取坐標數據時還沒有從vuex里獲取到數據就會導致報錯,那么將mounted()改為created()即可解決問題。