调用自定义方法
<div class="item_box" v-for="(item,index) in homeData" :key="index">
<!-- <img :src="`@/assets/images/home/${item.imgUrl}.png`" class="item_img"/> -->
<img :src="bindImg(item.imgUrl)" class="item_img"/>
<!-- <img src="@/assets/images/home/house_owner.png" class="item_img"/> -->
<div class="item_title">{{ item.title }}</div>
<div class="item_title2">{{ item.title2 }}</div>
<div class="item_title3">{{ item.text }}</div>
</div>
methods:{
bindImg(url){
return require("@/assets/images/home/"+url);
}
}
数据文件引入
// @/assets/images/home/house.png
const homeData = [
{
id: 1,
imgUrl: 'house.png',
title: '管理',
title2: 'management',
text: '描述'
},
];
export {
homeData,
}