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>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步