从外部访问Alpine store，出现打字错误

Question

我已经像这样设置了一个Alpine商店，

Alpine.store( 'state', ({
qr: ''
}))

我试着在外部设置它，像这样

Alpine.store( 'state' ).qr = 'test'

但是我从typescript的qr变量上得到以下错误，

any
Property 'qr' does not exist on type 'XData'.
Property 'qr' does not exist on type 'string'.

如何更新或访问存储值而不遇到这些错误?

Answer 1

您可以尝试如下:

Alpine.store('state', {
init() {
this.qr = '';
},
setQr(string) {
this.qr = string;
},
getQr() {
return this.qr;
}
});

然后调用setter:

Alpine.store( 'state' ).setQr('test');