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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vux,x-img组件源码疑惑
    32
    0
        created () {
            this.$vux && 
            this.$vux.bus && 
            this.$vux.bus.$on('vux:after-view-enter',this.init)
        },
        init () {
          const _this = this
          this.blazy && this.blazy.destroy()
          this.$el.src = this.defaultSrc
          this.$el.className = this.$el.className.replace('b-loaded', '')
          this.blazy = new Blazy({
            scroller: this.scroller,
            container: this.container,
            selector: `#vux-ximg-${this.uuid}`,
            offset: _this.offset,
            errorClass: _this.errorClass,
            successClass: _this.successClass,
            success (ele) {
              _this.$emit('on-success', _this.src, ele)
            },
            error (ele, msg) {
              _this.$emit('on-error', _this.src, ele, msg)
            }
          })
      },
      mounted () {
        this.$el.setAttribute('id', `vux-ximg-${this.uuid}`)
        this.$nextTick(() => {
          setTimeout(() => {
            this.init()
          }, this.delay)
        })
        detectWebp()
      },

    为什么这里要走两遍init方法,然后在demos页面时却只走了一遍on-successs事件

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部