vue平常遇到一些小问题
在data中定义的对象是异步获取接口里面的数据,存放到这个data中,页面中需要获取playlist对象内层里面的avatarUrl对象数据,但是刚开始playlist里面是空的,没有playlist数据,导致页面获取不到avatarUrl里面的数据。
以下是原文:
const data = reactive({ playlist: { } });
onMounted(async () => {
let result = await getPlaylistDetail(id);
data.playlist = result.data.playlist;
console.log(data.playlist);
});
<img :src="playlist.creator.avatarUrl" />
修改后改为(就是在里面再加一个空对象存放就可以了):
const data = reactive({ playlist: { avatarUrl:{}} });