问题描述

使用vux中的XImg组件, 偶尔加载不出来最终想要的图片src,而是呈现default-src

我的代码实现

import vux自定义的BusPlugin不太好使(它没有在vue原型上注册$vux.bus, 模版实例中用this.$vux.bus来引用不行,自己又不会配置),于是这里在main.js中仿照vux的写法自己定义了一个bus

/* bus plugin */

const bus = new Vue({})

Vue.prototype.$vux = {

bus: bus

}

Vue.use(bus)

在自己的模版页面中调用方法(包括在mounted钩子和API接口请求回调里面都有试过)

this.$vux.bus && this.$vux.bus.$emit('vux:after-view-enter')

我敢确认我的触发器执行了,但是没卵用,手机上不停的刷新当前页面,依旧会出现default-src(pc端出现的几率极小)。连on-success, on-error都没有触发。

更有趣的问题来了,试一试在created钩子里加一个定时器,原本呈现正确的src,3秒后变成了default-src。附上代码和截图以及打印的日志

setTimeout(() => {

this.$vux.bus && this.$vux.bus.$emit('vux:after-view-enter')

}, 3000)

请求援助

小弟不才实在不知道该如何处理,不知道可有哪位前辈跨过了这个坑。还请解答指教一番,谢谢了。挺喜欢这个懒加载的,实在不行可能得换一个组件了

img下面的png图片 vs 读不出来_VUX中XImg组件加载图片不正确,BusPlugin不好使,求解...相关推荐

  1. android 实现异步加载图片,Android中ImageView异步加载图片类

    本源码是从网络找到经修改以方便直接调用感觉用着还可以 首先在项目中添加一个专门加载图片的类AsyncImageLoaderpackage com.demo.core; import java.io.I ...

  2. 微信小程序中使用wxss加载图片并实现动画

    微信小程序中使用wxss加载图片并实现动画 记录微信小程序中使用wxss加载图片并实现动画的方式,最终实现loading效果. 代码 .weui-loading { margin: 0 5px; wi ...

  3. vue+elementui 中src动态加载图片的时候不起作用

    vue+elementui 中src动态加载图片的时候不起作用 代码如下: <el-table-column align="center" label="宠物图片& ...

  4. C#中PictureBox异步加载图片

    C#中PictureBox异步加载图片 ??yy 2017-11-05 23:30:00  443  收藏 版权 void Button1Click(object sender, EventArgs ...

  5. vue中通过js加载图片显现

    在vue开发中会遇到这样的问题:有时需要在img中加载多个静态资源的图片,如果我们将src的路径整个定义成一个变量,会发现img加载不出来正个图片的路径,其实此时需要require()来加载静态资源的 ...

  6. Android中使用ImageLoader加载图片

    Android上让人头疼的莫过于从网络上获取图片,然后显示图片,最后还要考虑到图片的回收问题,这之间只要有任何一个环节有问题都可能直接OOM.尤其在需要展示图片的列表页面,会加载大量网络上的图片,每当 ...

  7. IOS中UITableView异步加载图片的实现

    本文转载至 http://blog.csdn.net/enuola/article/details/8639404  最近做一个项目,需要用到UITableView异步加载图片的例子,看到网上有一个E ...

  8. Bmob+Luban(鲁班)压缩图片实现相册选择图片压缩后上传到Bmob后台Glide加载图片显示到本地

    源代码已上传CSDN:https://download.csdn.net/download/qq_16519957/11068345 因为本章需要跟前面的知识结合起来看所以就做了一个前面链接方便大家查 ...

  9. RecycleView中使用Glide加载图片防止加载错乱

    前言 使用recyclerView时遇到了图片错位的问题,这个问题网上已经讨论的很成熟,谨以此文章做个总结. 问题产生原因 根本原因: 因为有ViewHolder的重用机制,每一个item在移出屏幕后 ...

最新文章

  1. 使用 Elixir 开发嵌入式系统: 使用DS18B20传感器测量体温
  2. 软工随堂练 找出和值最小的子数组 尹亚男 赵静娜
  3. 学python需要学数据库吗-python可以使用什么数据库
  4. 解决AJAX CalendarExtender控件不显示中文的情况(转帖博客园某人(不好意思,实在是没有找到您的尊姓大名,感谢一下!))...
  5. 【大会】中低端机如何实现复杂多媒体功能?
  6. [日常] DNS的迭代查询过程
  7. SQL 查询数据库中包含指定字符串的相关表和相关记录
  8. 关羽第三方证书导入的CASE
  9. React Native布局
  10. 【SQL】字符串去空格解决方法
  11. 在商业化道路上,小冰还要再多走几步
  12. PMP之采购管理过程组中的合同类型辨析
  13. 微众银行·We研究2021年最新大调研报告“健康险专题” : 用户保险消费的三个改变
  14. TensorFlow 之 slim(TF-Slim)介绍
  15. 王选-“从Dijkstra谈帅才的洞察力”【转】
  16. OneDrive登录失败
  17. SpringSecurity自定义认证成功处理器
  18. 戴尔910服务器系统安装教程,图解戴尔dell工作站T3600/T5600/T7600/T7910安装windows 7系统...
  19. 怎么用c语言编辑酷q,GitHub - traceless0929/Native.Cqp.Csharp: 完全由 C# 语言编写的 酷Q 插件SDK...
  20. 微信小程序-注册成为小程序开发者

热门文章

  1. Linux Shell脚本之向脚本传递参数
  2. MySQL数据库查询中的特殊命令
  3. AngularJS自定义表单验证
  4. 周期串 字符串的最小正周期
  5. 干掉MessageBox,自定义弹出框JMessbox (WindowsPhone)
  6. Django模拟新浪微博的@功能
  7. AndroidManifest.xml配置文件详解
  8. AndroidManifest.xml文件剖析
  9. 难道前途真的比钱重要吗
  10. 各种开发源代码软件许可证异同