From bc1753b68c18a6fe4e226456892c3e365d7375cc Mon Sep 17 00:00:00 2001
From: xiaoyucoding <xiaoyucoding@126.com>
Date: Sun, 11 Nov 2018 18:10:50 +0800
Subject: [PATCH] =?UTF-8?q?modify:=20=E4=BC=98=E5=8C=96=20segmented-contro?=
 =?UTF-8?q?l=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/segmented-control.vue          | 24 ++++++++++++++-----
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/examples/hello-uniapp/components/segmented-control.vue b/examples/hello-uniapp/components/segmented-control.vue
index 067e14177..6a4b55b25 100644
--- a/examples/hello-uniapp/components/segmented-control.vue
+++ b/examples/hello-uniapp/components/segmented-control.vue
@@ -1,7 +1,7 @@
 <template>
 	<view class="segmented-control" :class="styleType" :style="wrapStyle">
-		<view v-for="(item, index) in values" class="segmented-control-item" :class="styleType" :key="index" :style="index === current ? activeStyle : itemStyle"
-		    @click="onClick(index)">
+		<view v-for="(item, index) in values" class="segmented-control-item" :class="styleType" :key="index" :style="index === currentIndex ? activeStyle : itemStyle"
+		 @click="onClick(index)">
 			{{item}}
 		</view>
 	</view>
@@ -30,6 +30,18 @@
 				default: 'button'
 			}
 		},
+		data() {
+			return {
+				currentIndex: this.current
+			}
+		},
+		watch: {
+			current(val) {
+				if (val !== this.currentIndex) {
+					this.currentIndex = val;
+				}
+			}
+		},
 		computed: {
 			wrapStyle() {
 				let styleString = '';
@@ -70,8 +82,8 @@
 		},
 		methods: {
 			onClick(index) {
-				if (this.current !== index) {
-					this.current = index;
+				if (this.currentIndex !== index) {
+					this.currentIndex = index;
 					this.$emit('clickItem', index);
 				}
 			}
@@ -98,7 +110,7 @@
 
 	.segmented-control.text {
 		border: 0;
-        border-radius: 0upx;
+		border-radius: 0upx;
 	}
 
 
@@ -120,4 +132,4 @@
 	.segmented-control-item:first-child {
 		border-left-width: 0;
 	}
-</style>
+</style>
-- 
GitLab