在函数中访问 x 数据答案

【问题标题】：Accessing x-data in a function在函数中访问 x 数据
【发布时间】：2021-01-19 03:20:26
【问题描述】：

我有以下代码：

<div class="filter" x-data="filterData()">
    <button @click="test()>Click me</button>
</div>

过滤数据

window.filterData = () => {
    return {
        section: null,
        options: {
            "one": [],
            "two": [],
            "three": []
        },
        test() {
            console.log(this.options);
        },
    }
}

当我点击test() 时，我得到的只是控制台日志中的Proxy {}。我可以做些什么来实际与选项数据进行交互？

【问题讨论】：

标签： alpine.js

【解决方案1】：

Proxy 是 Alpine 用来跟踪更新的反应式包装器，但它的功能与包装后的值相同。

在这种情况下，如果您执行this.options.one.length，您将得到 0。

如果你需要检查值你可以JSON.stringify()它

【讨论】：