如下所示：

<template> <img :src="url"></template><script> export default { props: ['src'], // 父组件传过来所需的url data() { return { url: 'http://%2F77%2F31%2F20300542906611142174319458811.jpg'; } newImg.onload = () => { // 图片加载成功后把地址给原来的img img.src = newImg.src } } </script></body></html>

以上这篇vue实现图片加载完成前的loading组件方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。