commit Table component

2016-11-23 16:27:17 +08:00 · 2016-11-23 16:27:17 +08:00 · 2cb8a6d93e
commit 2cb8a6d93e
parent d2e82cd7f6
12 changed files with 334 additions and 0 deletions
--- a/test/routers/table.vue
+++ b/test/routers/table.vue
@ -0,0 +1,88 @@
+<template>
+    <div>
+        <i-table :columns="columns" :data="data"></i-table>
+    </div>
+</template>
+<script>
+    export default {
+        props: {
+        
+        },
+        data () {
+            return {
+                columns: [
+                    {
+                        title: '姓名',
+                        key: 'name'
+                    },
+                    {
+                        title: '年龄',
+                        key: 'age',
+//                        render (row) {
+//                            return `<i-button>${row.age}</i-button>`
+//                        }
+                    },
+                    {
+                        title: '地址',
+                        key: 'address',
+//                        render (row, column, index) {
+//                            if (row.edit) {
+//                                return `<i-input :value.sync="data[${index}].name"></i-input>`;
+//                            } else {
+//                                return `<Tooltip content="${row.address}"><i-button @click="show(${index})">${row.name}</i-button></Tooltip>`;
+//                            }
+//                        }
+                    },
+                    {
+                        title: '操作',
+                        key: 'action',
+                        render (row, column, index) {
+                            return `<i-button @click="edit(${index})">编辑</i-button>`
+                        }
+                    }
+                ],
+                data: [
+                    {
+                        name: '梁灏',
+                        age: 25,
+                        address: '北京市朝阳区',
+                        edit: false
+                    },
+                    {
+                        name: '段模',
+                        age: 26,
+                        address: '北京市海淀区',
+                        edit: false
+                    },
+                    {
+                        name: '刘天娇',
+                        age: 27,
+                        address: '北京市东城区',
+                        edit: true
+                    }
+                ]
+            }
+        },
+        computed: {
+        
+        },
+        methods: {
+            show (name) {
+                this.$Message.info(name);
+            },
+            edit (index) {
+                this.data[index].edit = true;
+            }
+        },
+        ready () {
+            setTimeout(() => {
+                this.data.push({
+                    name: '刘天娇2',
+                    age: 272,
+                    address: '北京市东城区2',
+                    edit: false
+                });
+            }, 1000);
+        }
+    }
+</script>