2017-03-30 16:26:44 +08:00
|
|
|
<style>
|
|
|
|
.demo-col div{
|
|
|
|
background: #f50;
|
|
|
|
}
|
|
|
|
</style>
|
2017-03-01 14:28:44 +08:00
|
|
|
<template>
|
|
|
|
<div>
|
2017-03-30 16:26:44 +08:00
|
|
|
<Row :gutter="16">
|
|
|
|
<i-col class-name="demo-col" span="4" v-for="i in n" key="i">
|
|
|
|
<div>col-8</div>
|
|
|
|
</i-col>
|
2017-03-01 14:28:44 +08:00
|
|
|
</Row>
|
2017-03-30 16:26:44 +08:00
|
|
|
<Button @click="add">add</Button>
|
2017-03-01 14:28:44 +08:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
2017-03-30 16:26:44 +08:00
|
|
|
data () {
|
|
|
|
return {
|
|
|
|
n: 2
|
|
|
|
}
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
add () {
|
|
|
|
this.n++;
|
|
|
|
}
|
|
|
|
}
|
2017-03-01 14:28:44 +08:00
|
|
|
}
|
|
|
|
</script>
|