uniapp中image src动态引用图片不生效问题

<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