题记：在开发过程中，首次进入页面时，首次点击“上传图片”按钮后页面会突然刷新，影响用户体验。

一、问题出现的原因

根据图片显示，我们可以快速定位问题原因：在form表单内的<button>标签是没有指定类型的，并且没有指定form表单的action属性。

在button元素内有一条默认规则：button没有指定type值时，type的默认值为submit。表单中点击提交按钮（即type = "submit"的按钮）时必定会跳转页面，如果action为空，也会跳转至当前页面，即发生刷新效果。

二、解决方法

综上所述，我们要做的是阻止form表单默认提交事件。在Vue中，阻止默认行为的修饰符为prevent，即在“上传图片”按钮的点击事件监听器上添加prevent修饰符。

<button @click.prevent>点击上传</button>

这样问题就解决啦。