Vue3 图片预览实现网络图片请求失败后加载本地图片

html 代码：

<img v-if="logo" :src="imgSrc" @error="handleError" />

script 代码：

import localImg from '@/assets/logo.png'

const networkImg = 'https://img1.baidu.com/it/u=3758226780,1374010260&fm=253&fmt=auto&app=138&f=JPEG?w=701&h=500'

// 默认读取网络图片
const imgSrc = ref<string>(networkImg)

const handleError = () => {
	// 网络图片加载失败则展示本地图片
    imgSrc.value = localImg
}