怎么配置mint-ui中的Lazyload?

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

阅读 5.8k
2 个回答

可以看下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) {

      },
    },
  },
});

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
})
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题