uni-app (v-for 渲染image不渲染)

最新推荐文章于 2024-07-27 11:47:52 发布

是鱼小溪

最新推荐文章于 2024-07-27 11:47:52 发布

阅读量1.1k

点赞数 1

文章标签： Vue require() 模块化前端资源管理 src路径

本文链接：https://blog.csdn.net/weixin_62526709/article/details/126695246

版权

解决方案：

把路径写进require（' src '）里面

<template>
	<view>
		<view  v-for="(item,index) in arr">
			<image :src="item.src"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				arr:[
					{src:'../image/t-e.png'},
					{src:'../image/t-y.png'}
				]
			}
		}
	}
</script>

<template>
	<view>
		<view  v-for="(item,index) in arr">
			<image :src="item.src"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				arr:[
					{src:require('../image/t-e.png')},
					{src:require('../image/t-y.png')}
				]
			}
		}
	}
</script>