<template> <view> <page-head :title="title"></page-head> <view class="uni-common-mt"> <form @submit="openLocation"> <view class="uni-list"> <view class="uni-list-cell"> <view class="uni-list-cell-left"> <view class="uni-label">经度</view> </view> <view class="uni-list-cell-db"> <input class="uni-input" type="text" :disabled="true" value="116.39747" name="longitude"></input> </view> </view> <view class="uni-list-cell"> <view class="uni-list-cell-left"> <view class="uni-label">纬度</view> </view> <view class="uni-list-cell-db"> <input class="uni-input" type="text" :disabled="true" value="39.9085" name="latitude"></input> </view> </view> <view class="uni-list-cell"> <view class="uni-list-cell-left"> <view class="uni-label">位置名称</view> </view> <view class="uni-list-cell-db"> <input class="uni-input" type="text" :disabled="true" value="天安门" name="name"></input> </view> </view> <view class="uni-list-cell"> <view class="uni-list-cell-left"> <view class="uni-label">详细位置</view> </view> <view class="uni-list-cell-db"> <input class="uni-input" type="text" :disabled="true" value="北京市东城区东长安街" name="address"></input> </view> </view> </view> <view class="uni-padding-wrap"> <view class="uni-btn-v uni-common-mt"> <button type="primary" formType="submit">查看位置</button> </view> </view> </form> </view> </view> </template> <script> export default { data() { return { title: 'openLocation' } }, methods: { openLocation: function (e) { console.log(e) var value = e.detail.value uni.openLocation({ longitude: Number(value.longitude), latitude: Number(value.latitude), name: value.name, address: value.address }) } } } </script> <style> .uni-list-cell-left { padding: 0 30rpx; } </style>