在Vue.js中,可以通过在mounted
钩子中加载图片来避免在每次页面加载时获取图片。以下是一个示例解决方法:
在上面的示例中,首先在data
中定义了一个imageSrc
变量,用于存储图片的URL。然后,在mounted
钩子中调用getImage
方法来获取图片。在getImage
方法中,可以使用异步操作(例如使用axios)从API获取图片的URL,并将其设置给imageSrc
变量。这样,当页面加载完成时,图片将被加载并显示出来。