Управление состоянием компонента в NativeScript-Vue ListView

На самом деле это довольно легко исправить. Поскольку список повторно использует компоненты, мы не должны устанавливать данные внутри самого компонента. Что нам нужно сделать, так это добавить / изменить данные внутри объекта в массиве, чтобы список мог правильно обновлять элементы.

Вы можете добавить событие, которое запускается на родительском элементе, чтобы обновить список при изменении переключателя, сделайте это с помощью касания, поскольку событие переключения при изменении будет запускаться при каждом повторном отображении / повторном использовании компонента в списке. Это немного сложно, но работает.

<Template>
  <StackLayout @tap="onSwitchTapped" orientation="horizontal">
     <Switch :isUserInteractionEnabled="false" v-model="item.isActive"/>
  </StackLayout>
</Template>
<Script>
   export default {
      props: {
           item: null,
           onItemUpdated: null
      }
      methods: {
         onSwitchTapped()
         {
             this.item.isActive = !this.item.isActive;
             if(onItemUpdated != null)
                onItemUpdated(this.item);
         }
      }
   }
</Script>

<Template>
    <ListView for="item in array">
        <component :item="item" :onItemUpdated="onItemUpdated"/>
    </ListView>
</Template>

<Script>
   export default {
       onItemUpdated(item) {
          this.array[item.index] = item;
       }
   }
</Script>

Вы также можете удалить переключатель и добавить элемент Нажмите в списке, а затем установите данные в списке:

<ListView for="item in array" @itemTap="itemTapped">

itemTapped(evt) {
    this.array[evt.index].VARIABLE = true/false;
}