element 框架的 el-image组件 在一开始加载失败之后会失去异步加载功能,再次赋值也无法加载
解决方法:
1:更改url完成之后强制更新页面元素
this.$forceUpdate();
2:使用单独更新页面元素的方式也是有效的
this.$set(this.form,'key',value);
原因分析:
el-image标签采用的是懒加载模式,通过新建一个image对象来监听这个对象的加载事件
由于初始化时对象不能正常加载,自然也没有了异步加载的功能
解决方法的原理就是通过刷新vue的组件和事件重新初始化el-image对象,
初始化时会重新新建image对象,这时就能加载成功了,异步加载功能也会恢复