Ractive.js索引没有't似乎是被动的

Ractive.js index doesn't appear to be reactive

本文关键字：似乎是 被动 js 索引 Ractive      更新时间：2023-09-26

请看这个jsfiddle（由Rich Harris从一个派生而来）：

http://jsfiddle.net/upgu2tq3/29/

我正试图从"Posts"密钥路径中按索引删除一个项目。我可以使用内置的拼接方法来完成这项工作。它的行为就像普通的Array.splice.splice(array,startIndex,numberOfItemsToRemove)

 {{#each Posts:i}}
    <button on-click="splice('Posts',i,1)">Remove {{i}}</button>
 {{/each}}

这将完成从关键路径中删除项目的工作。但是，删除后，{{i}}的值（"删除"旁边）似乎不会更新。

我已经将帖子标记为"0后"、"1后"等，以与索引相匹配。

它看起来像是被数字索引迭代（从0到长度-1）？当数组发生更改时，模板似乎不会更新索引。我已经检查了项目删除后的长度-它减少了。。。

我只是有点困惑。

它按预期工作。

拼接后索引会发生变化。单击"删除"按钮后，可以看到按钮标签的更改。

你会感到困惑，因为你已经将内容硬编码为"发布0"等。内容不会因为索引更改而更改。

如果要更改，请将{{Text}}更改为Post {{i}}

相关文章：