vux,x-img组件源码疑惑
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事件
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论