uview-plus使用难免存在问题,以下出现的可能情况,以及解决方案
up-image的使用
图片地址问题:官网强烈建议使用绝对或者网络路径
html
//方式一:绝对路径
<up-image src="/assets/item0.png">
<template #error>
<image src="@/static/images/404.png"/>
</template>
</up-image>
//方式二:无法@直接使用相对路径,需要动态绑定转换为绝对路径
<up-image :src="bgImg">
<template #error>
<image src="@/static/images/404.png"/>
</template>
</up-image>
//方式三:网络路径
<up-image src="www.com/images.png">
<template #error>
<image src="@/static/images/404.png"/>
</template>
</up-image>
<script setup>
import bgImg from '@/assets/images.png';
</script>