包包网站建设,大学网站建设公司,网站 cms,手机建设网站策划书双层v-for
使用item修改
aitem.cat_icon || defaultPic绑定图片src属性为aitem.cat_icon
如果aitem.cat_icon的值为空字符串或undefined#xff0c;那么默认图片defaultPic被显示出来当图片加载错误时,触发handleImageError方法,将aitem传进去 !-- 页面--view …双层v-for
使用item修改
aitem.cat_icon || defaultPic绑定图片src属性为aitem.cat_icon
如果aitem.cat_icon的值为空字符串或undefined那么默认图片defaultPic被显示出来当图片加载错误时,触发handleImageError方法,将aitem传进去 !-- 页面--view v-foritem in cateListChild :keyitem.cat_id classitem-rightview classitem-right-title/{{ item.cat_name }}//viewview classitem-right-bottomview classright-list v-foraitem in item.children :keyaitem.cat_id clickgotoGoodsList(aitem)image :srcaitem.cat_icon || defaultPic errorhandleImageError(aitem)/image/view/view
/view修改该条数据的cat_icon值 打印aitem如下,修改cat_icon即可
//jsdata(){defaultPic:../../static/goods-image/defaultPic.png
},
methods:{// 处理图片显示错误,显示默认图片
handleImageError(aitem) {aitem.cat_icon this.defaultPic;},
}使用index下标修改
当图片加载错误时,触发handleImageError方法,将两个下标传进去 !-- 页面--view v-for(item, index) in cateListChild :keyitem.cat_id classitem-rightview classitem-right-title/{{ item.cat_name }}//viewview classitem-right-bottomview classright-list v-for(aitem, aindex) in item.children :keyaitem.cat_id clickgotoGoodsList(aitem)image :srcaitem.cat_icon || defaultPic errorhandleImageError($event, index, aindex)/image/view/view
/view使用下标修改该条数据的cat_icon值
//jsdata(){defaultPic:../../static/goods-image/defaultPic.png
},
methods:{// 处理图片显示错误,显示默认图片
handleImageError(e, index, aindex) {const changeDefaultImg this.cateListChild[index].children[aindex];changeDefaultImg.cat_icon this.defaultPic;},
}