<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>