Glimmer 组件更改检测未生效 - @tracked 数组中属性突变

awesomerobot · 2025 年8 月 12 日 13:44

我认为，当你像 OP 中描述的那样跟踪一个数组时，你跟踪的是数组引用，而不是数组中单个对象的更改。

另一种处理方法是使用 trackedObject，我们在 Discourse 的多个地方都使用了它。

app/assets/javascripts/discourse/app/components/discovery/filter-navigation-menu.gjs

711990aa3


      
          * as well as delimiters (like ",") that allow for multiple values.
          */
          export default class FilterNavigationMenu extends Component {
           @service menu;
           @service site;
          
           @resettableTracked currentInputValue = this.args.initialInputValue || "";
          
           filterSuggessionResults = [];
           activeFilter = null;
           trackedMenuListData = new TrackedObject({
             filteredTips: this.filteredTips,
             selectedIndex: null,
             selectItem: this.selectItem,
           });
          
           @tracked _selectedIndex = -1;
          
           get selectedIndex() {
             return this._selectedIndex;
           }

话题		回复	浏览量
Another way to track nested data structures Dev plugin-api , rest-api	2	50	2025 年3 月 19 日
Problem tracking nested structure Dev	7	83	2024 年8 月 9 日
Live updates of components Dev	1	52	2024 年7 月 24 日
Tracked variable not found? Dev	6	76	2025 年6 月 20 日
Two tracked variables not updating Dev	7	103	2025 年2 月 3 日

Glimmer 组件更改检测未生效 - @tracked 数组中属性突变

相关话题