vue-lazyload延迟加载

cnpm install vue-lazyload --save
import Lazyload from 'vue-lazyload'
Vue.use(Lazyload)
<template>
  <div id="app">
    <!-- <img src="./assets/logo.png"> -->
    <!-- <img :src="imgUrl"> -->
    <img v-lazy="imgUrl">
  </div>
</template>

<script>
  export default {
    name: 'App',
    data() {
      return {
        msg: 'hello App'
      }
    },
    computed: {
      imgUrl() {
        return require("./assets/logo.png");
      }
    },
  }
</script>
上一篇:vue图片懒加载


下一篇:vue-lazyload图片懒加载的使用