chrome 浏览器 vue 点击事件位置错乱？

Question

chrome 浏览器移动端模拟器里面 vue 点击事件位置错乱？ 但是在pc端是正常的
点击的是元素外边也会触发，点击事件，现在怎么调整呢？
111 上绑定了 @click 事件，现在点击颜色区域外边，在模拟器上也会执行点击事件

<div @click.stop="test"></div>
//main.js 里面
<script>
    App = createApp({
    setup() {
        const test =()=>{
            console.log('click test');
        }
        return {test};
    }
    })
</script>