VUE事件不工作- NUXTJS静态网站

我在img标签上设置了mouseover和mouseleave事件:

<img @mouseover="large" @mouseleave="resize" src="/img/intro-bologna-1.jpg" alt="Bologna gallery" class="gallery__img gallery__img--1">

methods:{
        large(event){
            let siblings = this.findAllSiblings(event.target)
            siblings.forEach(sibling => sibling.style.transform = 'scale(.9)')
            event.target.style.transform = 'scale(1.2)'
        },
        resize(event){
            let siblings = this.findAllSiblings(event.target)
            siblings.forEach(sibling => sibling.style.transform = '')
            event.target.style.transform = ''
        },
        findAllSiblings(el){
            let parent = el.parentElement;
            let children = Array.from(parent.children);
            let siblings = children.filter(child => {
                return child !== el
            })
            return siblings
        }
    }

我不明白为什么,但当我跑 npm run generate 检查索引文件.html文件(我想构建一个100%静态网站),悬停效果不再工作(它在DEV环境中工作)

我查过dist文件夹的来源了 pages_index.a57c13c1cfd73bfe116e.js 我可以看到我写的方法的文件

我该怎么解决? 谢谢