diff --git a/docs/site/mobile.js b/docs/site/mobile.js
index 0efee2043..ad0bb8c58 100644
--- a/docs/site/mobile.js
+++ b/docs/site/mobile.js
@@ -13,6 +13,9 @@ Locale.add({
   'en-US': enUS
 });
 
+// flag for vant-weapp demos
+const isWeapp = location.search.indexOf('weapp=1') !== -1;
+
 // helper for demo locales
 Vue.mixin({
   computed: {
@@ -26,6 +29,10 @@ Vue.mixin({
         const message = get(messages, prefix + path) || get(messages, path);
         return typeof message === 'function' ? message(...args) : message;
       };
+    },
+
+    isWeapp() {
+      return isWeapp;
     }
   },
 
@@ -45,6 +52,7 @@ Vue.mixin({
   }
 });
 
+// switch lang after routing
 if (window.vueRouter) {
   window.vueRouter.afterEach(to => {
     const { lang } = to.meta || {};
diff --git a/src/cell/demo/index.vue b/src/cell/demo/index.vue
index 27ed37213..04ff5c10a 100644
--- a/src/cell/demo/index.vue
+++ b/src/cell/demo/index.vue
@@ -16,7 +16,7 @@
       <van-cell :title="$t('cell')" :value="$t('content')" icon="location-o" />
     </demo-block>
 
-    <demo-block v-if="!$attrs.weapp" :title="$t('valueOnly')">
+    <demo-block v-if="!isWeapp" :title="$t('valueOnly')">
       <van-cell :value="$t('content')" />
     </demo-block>
 
diff --git a/src/checkbox/demo/index.vue b/src/checkbox/demo/index.vue
index e8bd035d3..df0c507a3 100644
--- a/src/checkbox/demo/index.vue
+++ b/src/checkbox/demo/index.vue
@@ -62,7 +62,7 @@
       </van-checkbox-group>
     </demo-block>
 
-    <demo-block v-if="!$attrs.weapp" :title="$t('toggleAll')">
+    <demo-block v-if="!isWeapp" :title="$t('toggleAll')">
       <van-checkbox-group v-model="checkAllResult" ref="group">
         <van-checkbox name="a">{{ $t('checkbox') }} a</van-checkbox>
         <van-checkbox name="b">{{ $t('checkbox') }} b</van-checkbox>
diff --git a/src/col/demo/index.vue b/src/col/demo/index.vue
index b19975fc1..3a9d717d2 100644
--- a/src/col/demo/index.vue
+++ b/src/col/demo/index.vue
@@ -36,7 +36,7 @@
     </demo-block>
 
     <demo-block
-      v-if="!$attrs.weapp"
+      v-if="!isWeapp"
       :title="$t('title3')"
     >
       <van-row type="flex">
diff --git a/src/field/demo/index.vue b/src/field/demo/index.vue
index d4ffc5856..b28eed3bb 100644
--- a/src/field/demo/index.vue
+++ b/src/field/demo/index.vue
@@ -87,7 +87,7 @@
       </van-cell-group>
     </demo-block>
 
-    <demo-block v-if="!$attrs.weapp" :title="$t('showWordLimit')">
+    <demo-block v-if="!isWeapp" :title="$t('showWordLimit')">
       <van-cell-group>
         <van-field
           v-model="message2"
diff --git a/src/popup/demo/index.vue b/src/popup/demo/index.vue
index 572722cee..04bf94719 100644
--- a/src/popup/demo/index.vue
+++ b/src/popup/demo/index.vue
@@ -44,7 +44,7 @@
       <van-popup v-model="showRoundCorner" round position="bottom" :style="{ height: '20%' }" />
     </demo-block>
 
-    <demo-block v-if="!$attrs.weapp" :title="$t('getContainer')">
+    <demo-block v-if="!isWeapp" :title="$t('getContainer')">
       <van-cell :title="$t('getContainer')" is-link @click="showGetContainer = true" />
       <van-popup v-model="showGetContainer" get-container="body" :style="{ padding: '30px 50px' }" />
     </demo-block>
diff --git a/src/progress/demo/index.vue b/src/progress/demo/index.vue
index a1be706e2..c15a0d308 100644
--- a/src/progress/demo/index.vue
+++ b/src/progress/demo/index.vue
@@ -4,7 +4,7 @@
       <van-progress :percentage="50" />
     </demo-block>
 
-    <demo-block v-if="!$attrs.weapp" :title="$t('strokeWidth')">
+    <demo-block v-if="!isWeapp" :title="$t('strokeWidth')">
       <van-progress :percentage="50" stroke-width="8" />
     </demo-block>
 
diff --git a/src/slider/demo/index.vue b/src/slider/demo/index.vue
index 0f275a82c..4aab472c5 100644
--- a/src/slider/demo/index.vue
+++ b/src/slider/demo/index.vue
@@ -51,7 +51,7 @@
       </van-slider>
     </demo-block>
 
-    <demo-block v-if="!$attrs.weapp" :title="$t('vertical')">
+    <demo-block v-if="!isWeapp" :title="$t('vertical')">
       <div :style="{ height: '120px', paddingLeft: '30px' }">
         <van-slider
           v-model="value7"
diff --git a/src/sticky/demo/index.vue b/src/sticky/demo/index.vue
index fc1a8f46a..fa5fea286 100644
--- a/src/sticky/demo/index.vue
+++ b/src/sticky/demo/index.vue
@@ -12,7 +12,7 @@
       </van-sticky>
     </demo-block>
 
-    <demo-block v-if="!$attrs.weapp" :title="$t('setContainer')">
+    <demo-block v-if="!isWeapp" :title="$t('setContainer')">
       <div ref="container" style="height: 150px; background-color: #fff;">
         <van-sticky :container="container">
           <van-button type="warning" style="margin-left: 215px;">{{ $t('setContainer') }}</van-button>
diff --git a/src/tab/demo/index.vue b/src/tab/demo/index.vue
index efb500449..be67a3a84 100644
--- a/src/tab/demo/index.vue
+++ b/src/tab/demo/index.vue
@@ -67,7 +67,7 @@
       </van-tabs>
     </demo-block>
 
-    <demo-block v-if="!$attrs.weapp" :title="$t('title7')">
+    <demo-block v-if="!isWeapp" :title="$t('title7')">
       <van-tabs :active="active">
         <van-tab v-for="index in 2" :key="index">
           <template #title>
@@ -94,7 +94,7 @@
       </van-tabs>
     </demo-block>
 
-    <demo-block v-if="!$attrs.weapp" :title="$t('title10')">
+    <demo-block v-if="!isWeapp" :title="$t('title10')">
       <van-tabs scrollspy sticky>
         <van-tab :title="$t('tab') + index" v-for="index in 10" :key="index">
           {{ $t('content') }} {{ index }}
diff --git a/src/toast/demo/index.vue b/src/toast/demo/index.vue
index be56e15a0..03e4bd3f1 100644
--- a/src/toast/demo/index.vue
+++ b/src/toast/demo/index.vue
@@ -15,7 +15,7 @@
       <van-button type="danger" :text="$t('fail')" @click="showFailToast" />
     </demo-block>
 
-    <demo-block v-if="!$attrs.weapp" :title="$t('customIcon')">
+    <demo-block v-if="!isWeapp" :title="$t('customIcon')">
       <van-button type="primary" :text="$t('customIcon')" @click="showIconToast" />
       <van-button type="primary" :text="$t('customImage')" @click="showImageToast" />
     </demo-block>