引用filter，添加千米转换

main.js

@@ -5,6 +5,8 @@ Vue.config.productionTip = false
 import { config } from './common/config'
 Vue.prototype.config = config;
 
+import './utils/filter' 
+
 App.mpType = 'app'
 
 // 引入全局uView

pages/parkingInformation/parkingInformation.vue

@@ -11,7 +11,7 @@
 				</view>
 				<view class="pict-right" @click="navigation(roadInfo.latitude, roadInfo.longitude)">
 					<image src="../../static/img/distance-icon.png" mode=""></image>
-					<view class="m">{{roadInfo.distance}}米</view>
+					<view class="m">{{roadInfo.distance|kmUnit}}米</view>
 				</view>
 			</view>
 			<view class="parking-information-content-time">

utils/filter.js

@@ -48,4 +48,20 @@ Vue.filter("miniImg",function(img,quality){
 	return img+'?imageMogr2/quality/'+quality
 });
 
+//单位米m转换为单位千米km,提醒：传递参数不要带引号，如kmUnit('100')会返回0m。
+Vue.filter("kmUnit",function(m){
+	var v;
+	if(typeof m === 'number' && !isNaN(m)){
+		if (m >= 1000) {
+			v = (m / 1000).toFixed(2) + 'km'
+		} else {
+			v = m + 'm'
+		}
+	}else{
+		v = '0m'
+	}
+	return v;
+});
+
+