uniapp vant sku组件 图片加载报错问题 load error

问题

vant VanImage 组件绑定了load 和 error 事件


在uniapp 中 this.onLoad undefined

解决

自定义头部

<van-sku
 v-model="show" 
 :sku="sku" 
 :goods="goods" 
 :goods-id="goodsId" 
 buy-text="确定"
 :show-add-cart-btn="false"
 :quota="quota" 
 :quota-used="quotaUsed"
 :hide-stock="sku.hide_stock" 
 @buy-clicked="onBuyClicked">
	<template #sku-header="props">
		<view class="van-sku-header van-hairline--bottom">
			<view class="van-image van-sku-header__img-wrap" @click="showImagePreview">
				<image :src="goods.picture" class="van-image__img" style="object-fit: cover;"></image>
			</view>
			<view class="van-sku-header__goods-info">
				<view class="van-sku__goods-price">
					<text class="van-sku__price-symbol">
						￥
					</text>
					<text class="van-sku__price-num">{{ sku.price }}</text>
				</view>
				<view class="van-sku-header-item">
					<text>剩余 <text>{{ sku.stock_num }}</text> 件</text>
				</view>
				<view class="van-sku-header-item">
					请选择 非必选属性 未加价的属性项
				</view>
			</view>
		</view>
		
	</template>
 </van-sku>
 <van-overlay class="goods-van-overlay" :show="showPreview" @click="showPreview = false">
	<div class="wrapper">
		<image :src="goods.picture" style="width: 100%;" mode="widthFix"></image>
	</div>
 </van-overlay>

data() {
	return {
		show: false,
		goodsId: "2259",
		quota: 0,
		quotaUsed: 1,
		sku: {
			// 所有sku规格类目与其值的从属关系，比如商品有颜色和尺码两大类规格，颜色下面又有红色和蓝色两个规格值。
			// 可以理解为一个商品可以有多个规格类目，一个规格类目下可以有多个规格值。
			tree: [],
			list: [],
			// 所有 sku 的组合列表，比如红色、M 码为一个 sku 组合，红色、S 码为另一个组合
			price: '10.00', // 默认价格（单位元）
			stock_num: 227, // 商品总库存
			none_sku: false, // 是否无规格商品
			hide_stock: false // 是否隐藏剩余库存
		},
		goods: {
			picture: ''
		},
		showPreview: false,
		previewImage: "",
		currentBuyType: ""
	};
},