uniapp中image加载图片失败解决方案
目录
uniapp中image加载图片失败解决方案
在开发uniapp应用时，可能会遇到图片无法加载的情况。这可能是由于图片路径错误、资源未正确打包、网络图片地址失效等原因导致的。
方案一：
使用require方式引入图片
<template>
<image :src="list[0].url" mode="scaleToFill" class="grid_img"></image>
</template>
<script>
export default {
data() {
return {
list: [
{
url: require('./img/cat_01.png')
}
]
}
}
}
</script>方案二：
使用属性background-image加载图片
background-image:url(../../static/picture.png);