vue-element循环遍历加数据加图片

<el-col :span="4" v-for="(item, index) in main_title" :key="index" class="main_title">
            <img :src="item.img" class="img">
            <div>
                <p class="title">{{item.title}}</p>
                <p class="text">{{item.text}}</p>
            </div>
        </el-col>

main_title:[
                {
                  img:require('../assets/icon.png'),
                  title:'总览',
                  text:10  
                },
                {
                  img:require('../assets/icon.png'),
                  title:'业务系统',
                  text:5    
                },
                {
                  img:require('../assets/icon.png'),
                  title:'网络设备',
                  text:20    
                },
                {
                  img:require('../assets/icon.png'),
                  title:'在线资产',
                  text:5    
                },
                {
                  img:require('../assets/icon.png'),
                  title:'离线资产',
                  text:6    
                },
                {
                  img:require('../assets/icon.png'),
                  title:'总资产',
                  text:11    
                }
            ],