vue 手风琴效果

前端页面：

<template>
	<div id="login">
		<el-row>
			<el-col :span="4">疫情地区</el-col>
			<el-col :span="4">新增</el-col>
			<el-col :span="4">现有</el-col>
			<el-col :span="4">累计</el-col>
			<el-col :span="4">治愈</el-col>
			<el-col :span="4">死亡</el-col>
		</el-row>
		 <el-collapse accordion>
			 <el-collapse-item v-for="diqu in data">
				 <template slot="title">
					 <i class="el-icon-edit"></i>
					 <el-row style="width: 98%;">
					 	<el-col :span="4">>{{diqu.name}}</el-col>
					 	<el-col :span="4">{{diqu.xinadd}}</el-col>
					 	<el-col :span="4">{{diqu.xianyou}}</el-col>
					 	<el-col :span="4">{{diqu.leiji}}</el-col>
					 	<el-col :span="4">{{diqu.zhiyu}}</el-col>
					 	<el-col :span="4">{{diqu.siwang}}</el-col>
					 </el-row>
				 </template>
				 <el-row style="width: 98%;" v-for="gj in diqu.children">
				 	<el-col :span="4">{{gj.name}}</el-col>
				 	<el-col :span="4">{{gj.xinadd}}</el-col>
					<el-col :span="4">{{gj.xianyou}}</el-col>
					<el-col :span="4">{{gj.leiji}}</el-col>
					<el-col :span="4">{{gj.zhiyu}}</el-col>
					<el-col :span="4">{{gj.siwang}}</el-col>
				 </el-row>
			 </el-collapse-item>
			 
			 
		
		 </el-collapse>
	</div>
</template>

<script>
	export default {
		data(){
			return {
				data:[
					{
						name:'亚洲',
						xinadd:800,
						xianyou:200,
						leiji:1800,
						siwang:400,
						zhiyu:400,
						siwanglu:400/1800,
						children:[
							{
								name:'日本',
								xinadd:400,
								xianyou:100,
								leiji:900,
								siwang:200,
								zhiyu:200,
								siwanglu:200/900
							},
							{
								name:'韩国',
								xinadd:400,
								xianyou:100,
								leiji:900,
								siwang:200,
								zhiyu:200,
								siwanglu:200/900
							}
						]
					},
					{
						name:'欧洲',
						xinadd:800,
						xianyou:200,
						leiji:1800,
						siwang:400,
						zhiyu:400,
						siwanglu:400/1800,
						children:[
							{
								name:'美国',
								xinadd:400,
								xianyou:100,
								leiji:900,
								siwang:200,
								zhiyu:200,
								siwanglu:200/900
							},
							{
								name:'法国',
								xinadd:400,
								xianyou:100,
								leiji:900,
								siwang:200,
								zhiyu:200,
								siwanglu:200/900
							}
						]
					}
				]
			}
		}
	}
</script>