鍍金池/ 問答/HTML/ 怎么配置mint-ui中的Lazyload?

怎么配置mint-ui中的Lazyload?

由于mint-ui中的Lazyload自帶的背景圖片不太適合用于項(xiàng)目中,請問怎么配置好?

回答
編輯回答
厭遇

mint-ui 用的也是vue-lazyload這個(gè)包,具體的配置你看鏈接里的文檔
在引入作為插件的時(shí)候可進(jìn)行相關(guān)配置:

import { Lazyload } from 'mint-ui';

//默認(rèn)配置
Vue.use(Lazyload);

//定制化
Vue.use(Lazyload, {
  preLoad: 1.3,
  error: 'dist/error.png',
  loading: 'dist/loading.gif',
  attempt: 1
})
2017年9月27日 19:43
編輯回答
小眼睛

可以看下mint-ui的源碼 https://github.com/ElemeFE/mi... 。有暴露相關(guān)的配置參數(shù),具體參數(shù)的配置還是需要看下https://github.com/hilongjw/v...

import MintUI from 'mint-ui';
Vue.use(MintUI, {
  lazyload: {
    preLoad: 1.3,
    error: '',
    loading: '',
    attempt: 1,
    filter: {
      webp(listener, options) {

      },
    },
  },
});
2018年9月1日 05:13