鍍金池/ 問答/嵌入式  HTML/ v-lazyload插件使用不同的默認圖片

v-lazyload插件使用不同的默認圖片

在vue項目中使用v-lazyload 看官網(wǎng)是在main.js里面配置v-lazyload的默認圖片和loading圖片

想問下，在我的業(yè)務中，不用總使用同一張默認圖片，問下如何在項目中配置，或者在對應元素下配置別的默認圖片（error圖片）

回答
編輯回答
未命名

vue-lazyload？

文檔

<!-- with customer error and loading -->
<img v-lazy="imgObj"/>
<div v-lazy:background-image="imgObj"></div>
data () {
  return {
  imgObj: {
    src: 'http://xx.com/logo.png',
    error: 'http://xx.com/error.png',
    loading: 'http://xx.com/loading-spin.svg'
  },
  imgUrl: 'http://xx.com/logo.png' // String
 }
}
v-lazy:background-image="{src: item.src, error: 'http://xx.com/error.png', loading: 'http://xx.com/loading-spin.svg'}"

或者

v-lazy:background-image=getImgObj(item.src)
做一個getImgObj函數(shù)去處理
2017年6月25日 07:53
編輯回答
做不到

還沒用過這個插件

看樓上的可以傳對象就ok了

如果不能的話 你可以吧這個指令源碼改造一下 做成一個組件自己調(diào)用吧

2018年1月15日 14:49