mint-ui的懒加载
引用mint-ui
import Mint from "mint-ui"
import "mint-ui/lib/style.css"
Vue.config.productionTip = false
Vue.use(Mint)
使用指令
<ul>
<router-link v-for="brand in brandList" :to="brand.detail" tag="li">
<div>
<!--删除:src="brand.img" -->
<img alt="" v-lazy="brand.img">
</div>
<div>
<div class="info">{{brand.info}}</div>
<div v-if="brand.time" class="new">今日上新</div>
<div v-else class="old">剩余2天</div>
</div>
</router-link>
</ul>
设置样式
img[lazy=loading] {
height: 100px;
margin: auto;
background: url("../assets/lazy.png") no-repeat fixed center;
}