一.iview中24栅格布局介绍
1.1 iview24列栅格布局介绍
引入概念:
Row代表一行
Col代表一列
Card代表着卡片
<template>
<div>
<Row>
<Col v-for='n in 24' span="1" :key='n'>
<Card :title=n>
{
{ n }}列
</Card>
</Col>
</Row>
</div>
</template>
<script>
export default {
name: 'app',
data(){
return {
activeName: this.$route.path
}
},
methods:{
},
watch: {
'$route' () {
this.activeName=this.$route.path;
console.log(this.activeName)