From 316613acc6c09c2bf31cc44f9c10d3a9b5174141 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=E5=98=89=E9=98=B3?= <fjy8018@qq.com>
Date: Sat, 12 Jan 2019 17:19:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=97=E8=A1=A8demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo.vue | 49 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 demo.vue

diff --git a/demo.vue b/demo.vue
new file mode 100644
index 0000000..43ce837
--- /dev/null
+++ b/demo.vue
@@ -0,0 +1,49 @@
+<template>
+    <div>
+        <ul>
+            <li v-for="(item,index) in lists"
+                @click="choose(index)"
+                :class="{active: index == current && current!== ''}"
+                :key="index">
+                {{item}}
+            </li>
+        </ul>
+        <button type="button" @click="add()">选择</button>
+        <ul>
+            <li v-for="(item,index) in target"
+                :key="index">
+                {{item}}
+            </li>
+        </ul>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "demo.vue",
+        methods: {
+            choose(index) {
+                this.current = index
+                // console.log(index)
+            },
+            add() {
+                if (this.current === '') return
+                this.target.push(this.lists[this.current])
+                this.current = ''
+            }
+        },
+        data() {
+            return {
+                current: '',
+                lists: [1, 2, 3, 4, 5, 6, 7, 8, 9],
+                target: []
+            }
+        }
+    }
+</script>
+
+<style scoped>
+    li.active {
+        background: beige;
+    }
+</style>