Logo white

other / mew-iview

Sign in
  • Sign in
  • Project
  • Files
  • Commits
  • Network
  • Graphs
  • Milestones
  • Issues 0
  • Merge Requests 0
  • Labels
  • Wiki
  • mew-iview
  • examples
  • routers
  • grid.vue
  • fixed #540
    c2db4f92
    梁灏 authored
    2017-03-30 16:26:44 +0800  
    Browse Code »
grid.vue 545 Bytes
Edit Raw Blame History
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
<style>
    .demo-col div{
        background: #f50;
    }
</style>
<template>
    <div>
        <Row :gutter="16">
            <i-col class-name="demo-col" span="4" v-for="i in n" key="i">
                <div>col-8</div>
            </i-col>
        </Row>
        <Button @click="add">add</Button>
    </div>
</template>
<script>
    export default {
        data () {
            return {
                n: 2
            }
        },
        methods: {
            add () {
                this.n++;
            }
        }
    }
</script>