javascript - 在 AlpineJS 初始化后更新商店不起作用

Question

初始化我的商店

document.addEventListener('alpine:init', () => {
  Alpine.store('selectedInput', 0)
})

但是，当我在更下方的函数中执行此操作时，它不会更新 selectedInput:

function example() {
  Alpine.store('selectedInput', 3)
}

Answer 1

使用文档网站中的示例 - https://alpinejs.dev/globals/alpine-store

Alpine.store('darkMode', {
    on: false,

    toggle() {
        this.on = ! this.on
    }
})

darkMode 是您商店的名称。on 是一个属性toggle 是一个函数

所以在你的情况下，它应该看起来像这样 -

Alpine.store('nameOfStore', {
    selectedInput: 0,

    example() {
        this.selectedInput = 3
    }
})

您可以将 nameOfStore 替换为您喜欢的任何内容。

要调用该函数，您需要这样做 -$store.nameOfStore.example()