<laze-image class="image" :url="item.image" :game_name="item.game_name" :placeholder="require('@/static/images/common/placeholder.png')"></laze-image>
1.通过调用组件实现 先加载预览图片,再加载真实的图片
2.封装组件,位置再 components/LazyImage/index.vue
<template>
<image :src="showImage ? imageUrl : placeholder" :alt="game_name" mode="aspectFill" @load="handleLoad"
@error="handleError" />
</template>
<script>
export default {
props: {
url: {