select_position.vue 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <view>
  3. <u-form-item label="地址" borderBottom prop="pos_name">
  4. <u-input :border="border" v-model="pos_name" type="textarea"></u-input>
  5. <u-button slot="right" type="primary" size="medium" @click="getAddress"
  6. class="form-inner-btn">获取定位
  7. </u-button>
  8. </u-form-item>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. data() {
  14. return {
  15. pos_name: '',
  16. latitude: '',
  17. longitude: '',
  18. address: ''
  19. }
  20. },
  21. methods: {
  22. //获取定位信息
  23. getAddress() {
  24. uni.chooseLocation({
  25. success: res => {
  26. console.log('位置名称:' + res.name);
  27. console.log('详细地址:' + res.address);
  28. console.log('纬度:' + res.latitude);
  29. console.log('经度:' + res.longitude);
  30. this.pos_name = res.name;
  31. this.latitude = res.latitude;
  32. this.longitude = res.longitude;
  33. this.address = res.address
  34. }
  35. });
  36. },
  37. }
  38. }
  39. </script>
  40. <style scoped>
  41. #container {
  42. width: 100%;
  43. height: 100vh;
  44. }
  45. </style>