<template>
<div>
<div>
<div class="left">
<div class="logo"><img src="./images/logo.png" alt=""></div>
<div class="type" v-for="(item,index) in type" @click="clicktype(item.id)" :id="item.id" :class="item.id == i?'active':''" >
<div class="type_img " ><img :src="require('./'+item.img)" alt=""></div>
<div class="type_name">{{item.name}}</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return{
type:[
{id:1,name:'项目',img:'images/xiangmu.png'},
{id:2,name:'汇总',img:'images/huizong.png'},
],
i:1
}
},
methods:{
clicktype(id){
this.i = id
}
}
}
</script>
vue for循环本地图片不显示
最新推荐文章于 2024-05-04 18:29:43 发布