uniapp图片不显示 - 变量动态修改图片地址不生效 - 图片src路径错误

Posted Rudon滨海渔村

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp图片不显示 - 变量动态修改图片地址不生效 - 图片src路径错误相关的知识,希望对你有一定的参考价值。

效果图

完整代码

<template>
	<view>
		
		<image :src="popupImgSrc1" mode="aspectFit" style="width: 100px; height: 100px;"></image>
		<image :src="popupImgSrc2" mode="aspectFit" style="width: 100px; height: 100px;"></image>
		<image :src="popupImgSrc3" mode="aspectFit" style="width: 100px; height: 100px;"></image>
		
	</view>
</template>

<script>
	export default 
		data() 
			return 
				popupImgSrc1: '~@/static/img/icons/img.png', // 错误
				popupImgSrc2: '@/static/img/icons/img.png',  // 错误
				popupImgSrc3: '/static/img/icons/img.png'    // 正确
			
		,
		methods: 
    
</script>

<style>
</style>

封面

 

以上是关于uniapp图片不显示 - 变量动态修改图片地址不生效 - 图片src路径错误的主要内容,如果未能解决你的问题,请参考以下文章

uniapp真机高度显示不全

uniapp 解决ios微信分享图片 不显示问题

uniapp image标签base64不显示图片的问题

解决uniapp无法显示uni-file-picker的问题 - 不显示图片选择框 - 图片上传按钮消失

uniapp upload-file-picker 上传图片

动态拼接本地的图片地址不显示问题