账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    VueLazyload默认图为什么不显示?
    53
    0

    main.js文件如下,加载的图片路径没有问题

    import Vue from 'vue'
    import App from './App'
    import ElementUI from 'element-ui';
    import VueLazyload from 'vue-lazyload'
    import Vuex from './vuex/store'
    import './global.css'
    import 'element-ui/lib/theme-chalk/index.css';
    import {createRouter} from "./router";
    import './assets/iconfont/iconfont.css'
    import 'babel-polyfill'
    import  VueQuillEditor from 'vue-quill-editor'
    // require styles 引入样式
    import {get,post,postUp,postLogin,patch,del,postdel,put,posttree,posttree1} from './utils/https'
    import {setCookie,delCookie,getCookie} from './utils/cookie'
    import md5 from 'js-md5';
    Vue.prototype.$md5 = md5;
    Vue.prototype.$get = get
    
    import 'quill/dist/quill.core.css'
    import 'quill/dist/quill.snow.css'
    import 'quill/dist/quill.bubble.css'
    
    Vue.use(VueQuillEditor)
    Vue.use(VueLazyload)
    
    const router = createRouter()
    
    Vue.use(Vuex)
    
    Vue.config.productionTip = false
    
    
    Vue.use(ElementUI);
    Vue.use(VueLazyload, {
      // preLoad: 1.3,   //预加载的宽高比
      // error: 'dist/error.png',//图片加载失败时使用的图片源
    
      loading: './assets/mo.png',//图片加载的路径
      // loading:require('./assets/mo.png'),
    
      // attempt: 1,
      listenEvents:['scroll','wheel','mousewheel','resize','animationend','transitionend','touchmove'], //你想让vue监听的事件
    })
    /* eslint-disable no-new */
    new Vue({
      el: '#app',
      router,
      components: { App },
      template: '<App/>'
    })
    
    4
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部