pr: view-design#256

YikaJ · web-flow · commit 4e85fa156c2a · 2017-02-09T19:57:34.000+08:00
view-design#256 test
diff --git a/test/routers/select.vue b/test/routers/select.vue
@@ -1,50 +1,70 @@
 <template>
     <Row>
         <i-col span="12" style="padding-right:10px">
-            <i-select :model.sync="model11" filterable>
-                <i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option>
+            <i-select :model.sync="model111" filterable>
+                <i-option v-for="item in cityList1" :value="item.value">{{ item.label }}</i-option>
             </i-select>
         </i-col>
+    </Row>
+    <Row>
+        <i-col span="12" style="padding-right:10px">
+            <i-select :model.sync="model112" filterable>
+                <i-option v-for="item in cityList2" :value="item.value">{{ item.label }}</i-option>
+            </i-select>
+        </i-col>
+    </Row>
+    <Row>
         <i-col span="12">
             <i-select :model.sync="model12" filterable multiple>
-                <i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option>
+                <i-option v-for="item in cityList1" :value="item.value">{{ item.label }}</i-option>
             </i-select>
         </i-col>
     </Row>
 </template>
 <script>
+const cityList = [
+    {
+        value: 'beijing',
+        label: '&#21271;&#20140;&#24066;'
+    },
+    {
+        value: 'shanghai',
+        label: '&#19978;&#28023;&#24066;'
+    },
+    {
+        value: 'shenzhen',
+        label: '&#28145;&#22323;&#24066;'
+    },
+    {
+        value: 'hangzhou',
+        label: '&#26477;&#24030;&#24066;'
+    },
+    {
+        value: 'nanjing',
+        label: '&#21335;&#20140;&#24066;'
+    },
+    {
+        value: 'chongqing',
+        label: '&#37325;&#24198;&#24066;'
+    }
+]
     export default {
         data () {
             return {
-                cityList: [
-                    {
-                        value: 'beijing',
-                        label: '&#21271;&#20140;&#24066;'
-                    },
-                    {
-                        value: 'shanghai',
-                        label: '&#19978;&#28023;&#24066;'
-                    },
-                    {
-                        value: 'shenzhen',
-                        label: '&#28145;&#22323;&#24066;'
-                    },
-                    {
-                        value: 'hangzhou',
-                        label: '&#26477;&#24030;&#24066;'
-                    },
-                    {
-                        value: 'nanjing',
-                        label: '&#21335;&#20140;&#24066;'
-                    },
-                    {
-                        value: 'chongqing',
-                        label: '&#37325;&#24198;&#24066;'
-                    }
-                ],
-                model11: '',
+                cityList1: cityList,
+                model111: '',
+
+                cityList2: [],
+                model112: 'beijing',
+
                 model12: []
             }
+        },
+        ready() {
+          this.model111 = 'hangzhou'
+          setTimeout(()=>{
+            this.cityList2 = cityList
+          }, 500)
         }
     }
 </script>
