vue.js - 渲染 4-5 次后监听鼠标点击事件的 CEF + VUEJS 性能问题

Question

我正在尝试在我的游戏中使用 CEF + VUEJS

我有组件“item”如果我使用 v-on:click="onMouseDown" 那么在 4-5 次渲染后，监听此事件的项目将仅在安装后 10-12 秒后发生。

<template>
    <div class="item" v-on:click="onMouseDown">
        <good />
    </div>
</template>
...
methods: {
            onMouseDown: function (e) {
                if (this.$parent.writeonly) {
                    return;
                }
                if (this.$parent.$parent.floatItem) {
                    this.$parent.$parent.floatItem = undefined;
                } else {
                    this.$parent.$parent.floatItem = this.data;
                    this.$parent.$parent.boardBackIndex = this.$parent.boardIndex;
                    this.$parent.$parent.boardBack = this.$parent.listname;
                    this.$parent.globalData[this.$parent.listname].is[this.$parent.boardIndex].i = undefined;
                    this.$parent.$parent.clientX = e.clientX;
                    this.$parent.$parent.clientY = e.clientY;
                }
            }
        },

使用此解决方法一切正常。

        mounted: function () {
            this.$el.addEventListener('mousedown', this.onMouseDown, false);
        },
        beforeDestroy: function () {
            this.$el.removeEventListener('mousedown', this.onMouseDown, false);
        },

使用普通的 80 chrome 就没有这样的问题。

我试图记录鼠标注射一切正常。所以真正的组件只会在第 4-5 次渲染的 10-12 秒后开始监听这个事件。

请帮我

标签： vue.jschromium-embedded