小编use*_*108的帖子

我有一个组件,并希望添加一个在Vue中的父模板中运行方法的单击侦听器.这可能吗？

<template>
    <custom-element @click="someMethod"></custom-element>
</template>

<script>
    export default {
        name: 'template',
        methods: {
            someMethod: function() {
                console.log(true);
        }
    }
</script>

我目前在容器中有元素,每个元素都包含一个图像.我想使用flexbox将它们分配到四个角或容器中.图像水平分布正确,但不会垂直占用所有可用空间.

这就是目前的样子:

这是我的标记:

<div class="container">
    <div class="photo">
        <img src="https://placehold.it/180">
    </div>
    <div class="photo">
        <img src="https://placehold.it/180">
    </div>
    <div class="photo">
        <img src="https://placehold.it/180">
    </div>
    <div class="photo">
        <img src="https://placehold.it/180">
    </div>
</div>

而我的(S)CSS:

div.container {
    width: 405px;
    height: 405px;
    background: rgba(0,0,0,0.1);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    div.photo {
        width: 180px;
        height: 180px;
        overflow: hidden;
        border-radius: 5px;

        img {
            height: 100%;
        }                   
    }
}

我正在使用Gamepad API - 特别是使用控制器上的操纵杆的轴.这些更新的位置经常发生 - 因此,我正在聆听的事件(棒上的动作)也会发生很多.有没有什么方法可以限制它发生,例如,每秒25次,以减少滞后？