<template>
    <image :src="list[0].url" mode="scaleToFill" class="grid_img"></image>
</template>
<script>
	export default {
		data() {
			return {
				list: [
					{
						url: './img/cat_01.png'
					}
				]
			}
		}
	}
</script>

图片一直不生效,查看网页

 

解决:url地址用require引入

 

<script>
	export default {
		data() {
			return {
				list: [
					{
						url: require('./img/cat_01.png')
					}
				]
			}
		}
	}
</script>

思路来源:https://www.cnblogs.com/uimeigui/p/12198387.html 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐