我有这个简化的头像组件：
<template>
<img :src="src">
</template>
<script>
export default {
name: 'Avatar',
props: {
src: {
type: String,
default: '/static/avatar-default.png'
}
}
}
</script>
假设我从我的API中获取了一些用户数据，但其中不包含头像URL。在这种情况下，我希望此组件使用默认值，但似乎仅在传递undefined给它时才起作用，但undefined在JSON中无效，因此无法从API响应中返回该值。
有没有办法通过传递来实现我想要的东西，null或者有更好的方法来处理此问题？
undefined如果src是null，您也可以显式地传递为prop，而您希望组件能够处理默认值。