Merge pull request #258 from YikaJ/master

Select组件/Tag组件

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: '北京市'
+    },
+    {
+        value: 'shanghai',
+        label: '上海市'
+    },
+    {
+        value: 'shenzhen',
+        label: '深圳市'
+    },
+    {
+        value: 'hangzhou',
+        label: '杭州市'
+    },
+    {
+        value: 'nanjing',
+        label: '南京市'
+    },
+    {
+        value: 'chongqing',
+        label: '重庆市'
+    }
+]
     export default {
         data () {
             return {
-                cityList: [
-                    {
-                        value: 'beijing',
-                        label: '北京市'
-                    },
-                    {
-                        value: 'shanghai',
-                        label: '上海市'
-                    },
-                    {
-                        value: 'shenzhen',
-                        label: '深圳市'
-                    },
-                    {
-                        value: 'hangzhou',
-                        label: '杭州市'
-                    },
-                    {
-                        value: 'nanjing',
-                        label: '南京市'
-                    },
-                    {
-                        value: 'chongqing',
-                        label: '重庆市'
-                    }
-                ],
-                model11: '',
+                cityList1: cityList,
+                model111: '',
+
+                cityList2: [],
+                model112: 'beijing',
+
                 model12: []
             }
+        },
+        ready() {
+          this.model111 = 'hangzhou'
+          setTimeout(()=>{
+            this.cityList2 = cityList
+          }, 500)
         }
     }
 </script>

test/routers/tag.vue

@@ -40,6 +40,8 @@
         <i-button @click="loading = true">true</i-button>
         <i-button @click="loading = false">false</i-button>
     </Modal>
+    <br><br>
+    <Tag type="border" color="yellow" closable @click="clickTag" @on-close="clickTagClose">标签一</Tag>
 </template>
 <script>
     import { Tag, Modal, iButton } from 'iview';
@@ -56,6 +58,12 @@
                 setTimeout(() => {
                     this.modal1 = false;
                 }, 2000);
+            },
+            clickTag() {
+                console.log('click tag');
+            },
+            clickTagClose() {
+                console.log('click tag close-icon');
             }
         }
     }