diff --git a/packages/switch/index.ts b/packages/switch/index.ts
index 552de7c0..8bf5b019 100644
--- a/packages/switch/index.ts
+++ b/packages/switch/index.ts
@@ -23,13 +23,6 @@ VantComponent({
     }
   },
 
-  computed: {
-    style() {
-      const backgroundColor = this.data.checked ? this.data.activeColor : this.data.inactiveColor;
-      return `font-size: ${this.data.size}; ${ backgroundColor ? `background-color: ${backgroundColor}` : '' }`
-    }
-  },
-
   created() {
     this.set({ value: this.data.checked });
   },
diff --git a/packages/switch/index.wxml b/packages/switch/index.wxml
index 1929fb01..e215473c 100644
--- a/packages/switch/index.wxml
+++ b/packages/switch/index.wxml
@@ -1,8 +1,8 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
 
 <view
-  style="{{ style }}"
   class="custom-class {{ utils.bem('switch', { on: checked, disabled }) }}"
+  style="font-size: {{ size }}; {{ (checked ? activeColor : inactiveColor) ? 'background-color: ' + (checked ? activeColor : inactiveColor ) : '' }}"
   bind:tap="onClick"
 >
   <view class="van-switch__node node-class">