vue3提供一个解决方法使页面初始化时显示空白或默认值
发布时间
阅读量：
阅读量
1. 问题描述
存在一个名为 tabsBars 的数组。我们通过以下方式处理该数组：首先检查其是否为空；如果为空，则会显示预设的默认信息；一旦完成异步数据获取操作，则会切换并显示正常的更新内容。
const tabsBars = ref([]);
const getInfo = async () => {
const res = await getListApi();
tabsBars.value = res.tabsList;
};
onMounted(() => {
getInfo();
});
const renderContent = () => !tabsBars.value.length ?
<div>默认文本数据xxx</div> :
<div class={styles.team_tab_container}>
<ElTabs v-model={} type="">
指定文本内容xxx
</ElTabs>
</div>;
return () => 全部评论 (0)
还没有任何评论哟~