时间戳

首页 > 解决方案 > 在函数中访问 x 数据

alpine.js - 在函数中访问 x 数据

问题描述

我有以下代码：

<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

解决方案

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

在这种情况下，如果你这样做this.options.one.length，你会得到 0。

如果您需要检查值，则JSON.stringify()可以

推荐阅读