怎么配置mint-ui中的Lazyload？

Question

由于mint-ui中的Lazyload自带的背景图片不太适合用于项目中，请问怎么配置好？

Answer 1

可以看下mint-ui的源码 https://github.com/ElemeFE/mi... 。有暴露相关的配置参数，具体参数的配置还是需要看下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) {

      },
    },
  },
});

Answer 2

mint-ui 用的也是vue-lazyload这个包，具体的配置你看链接里的文档
在引入作为插件的时候可进行相关配置：

import { Lazyload } from 'mint-ui';

//默认配置
Vue.use(Lazyload);

//定制化
Vue.use(Lazyload, {
  preLoad: 1.3,
  error: 'dist/error.png',
  loading: 'dist/loading.gif',
  attempt: 1
})