javascript - AlpineJS 函数内调用函数

Question

在 AlpineJS docs有这个例子:

<div x-data="dropdown()">
    <button x-on:click="open()">Open</button>

    <div x-show="isOpen()" x-on:click.away="close()">
        // Dropdown
    </div>
</div>

<script>
    function dropdown() {
        return {
            show: false,
            open() { this.show = true },
            close() { this.show = false },
            isOpen() { return this.show === true },
        }
    }
</script>

现在我想做的是<script>有另一个函数调用 close() ，所以类似:

function aNewFunction()
{
  close();
}

Answer 1

dropdown().close

如果你想调用 close，这将返回 close()，然后只需执行类似这样的操作。

dropdown().close()