小牛集卡web 客户端
chenwei
2021-06-08 e41faf1640e2e71febf4ba347a301e0c043b6ce9
commit | author | age
423585 1 <template>
C 2   <div class="form-input enter-text">
3     <el-input
4       v-model="mapVal"
e41faf 5     
423585 6       id="tipinput"
C 7       clearable
8       @input="test"
9     ></el-input>
e41faf 10    
423585 11     <div id="container" style="display: none"></div>
C 12   </div>
13 </template>
14 <script>
15 export default {
16   data() {
17     return {
18       mapVal: "",
19     };
20   },
21   created() {
22    
23   },
24
25   methods: {
26     test(){
e41faf 27       
423585 28          var map = new AMap.Map("container", {
C 29         resizeEnable: true,
30       });
31       //输入提示
32       var auto = new AMap.Autocomplete({
33         input: "tipinput",
34       });
e41faf 35  
C 36       //注册监听,当选中某条记录时会触发
37        var _this = this;
423585 38       AMap.event.addListener(auto, "select", select);
C 39          function select(e) {
e41faf 40            _this.mapVal =e.poi.district+e.poi.name
C 41            _this.$emit('platfrom',e)
42               console.log(e);
423585 43       }
e41faf 44     
C 45      
46    
423585 47    
C 48     },
e41faf 49   
423585 50   },
C 51 };
52 </script>
53 <style lang="less" scoped>
54 .form-input {
55   display: flex;
56   flex-wrap: wrap;
57 }
58 </style>