调用图片url，图片更改后（url不变），页面不会刷新，仍使用缓存

我在使用quasar+electron实现一个桌面程序，会调用本地生成的图片。当图片url没有改变，但图片改变时，页面上仍显示上一张图片的缓存，而不会更新显示新的图片。想知道如何能够禁用缓存或实现图片刷新？
代码如下，即最开始显示图片a，按下后会产生图片b，并显示图片b；再次按下又会产生新的图片b覆盖原来的图片b，但是页面上仍然显示老的图片b，应该怎么写才能显示最新的图片？

<template>
    <btn @click="refresh"></btn>
    <img :src="url"></img>
</template>

<script>
    data(){
        return{
            url:require("./a.png")
        }
    }
    methods(){
        refresh(){
            // 每次点击后，b.png的内容会改变
            this.url = require("./b.png")
        }
    }
</script>