00:00/00:00

描述:vue数据单向流动,父组件异步请求后端数据, 通过props传给子组件,但是el-image的src并不能拿到url,虽然这时候的图片链接已经传过去了

原因:子组件的image组件初始化并没有拿到url,这时它就不会再异步加载src了,所以回显不成功,有时候出现闪回的情况

解决:

    <el-image
                width="80%"
                @error="reloads"
                class="showPic"
                :src="ruleForm.url"
                :lazy="true"
                alt
              >
                <div slot="error" class="image-slot">
              <!--在失败的回调中回显图片就可以  -->
                  <el-image :lazy="true" fit="cover" :src="ruleForm.url">
                  </el-image>
                </div>
              </el-image>

2020年6月12日02:10:50:

也可以在watch监听该数据,异步传递prop问题


爬。