avue地圖坐標選擇器的地址https://avuejs.com/doc/plugins/map-plugins
只是記錄如何使用該地圖坐標選擇器,基于高德地圖的。(如何使用的,并不做修改擴展)
1.引用部分可以按照官方網(wǎng)站引用
<!-- 導入需要的包 -->
<script type="text/javascript" src='https://webapi.amap.com/mapsv=1.4.11&key=7ab53b28352e55dc5754699add0ad862&plugin=AMap.PlaceSearch'></script>
<script src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
1.npm install avue-plugin-map --save
2.import AvueMap from 'avue-plugin-map'
3.Vue.use(AvueMap);
2.重點?。?!在表格組件中如何配置
? ? 如下圖表格組件的配置,配置過之后在新增,編輯的時候就可以彈出地圖選擇啦

效果1

avue-map在表格中的使用
因為我的需求是只想使用經(jīng)緯度,So,我使用了表單插槽,之后監(jiān)聽地圖選點的值的變化,然后在進行賦值操作。

效果2

配置表單插槽

在vue頁面中使用

監(jiān)聽選擇然后賦值