Question

我不知道如何更好地说出标题，所以我选择了解决方案。

这是问题所在。我有一个包含列表的页面，列表中的每个项目都会打开一个详细信息页面（单击）。但VM被重用，这给我带来了一些问题。

打开详细信息页面
我需要在页面打开时将某些属性设置为特定值，但由于VM被重用，它会保留前一个细节中的所有值，这会弄乱我的逻辑。

这个UWP应用。我正在使用Template10框架的NavigationService在页面之间移动。

主页面ViewModel

public class MainPageViewModel : ViewModelBase {
    private List<MangaItem> _mangaList;
    public List<MangaItem> mangaList {
        get { return _mangaList; }
        set { Set(ref _mangaList, value); }
    }

    private string _mainSearchText;
    public string mainSearchText {
        get { return _mainSearchText; }
        set { Set(ref _mainSearchText, value); }
    }

    public MainPageViewModel() {
        _mangaList = new List<MangaItem>();
        mangaList = new List<MangaItem>();

        Initialize();
    }

    private async void Initialize() {
        mangaList = await MangaListGet.GetListAsync();
    }

    public async void MainSearchSubmitted() {
        mangaList = await MangaListGet.GetListAsync(_mainSearchText);
    }

    public void MangaSelected(object sender, ItemClickEventArgs e) {
        var mangaItem = (MangaItem)e.ClickedItem;
        NavigationService.Navigate(typeof(Views.MangaDetail), mangaItem.id);
    }
}

详细信息页面ViewModel

class MangaDetailViewModel : ViewModelBase {

    private MangaItem _mangaDetail;
    public MangaItem mangaDetail {
        get { return _mangaDetail; }
        set { Set(ref _mangaDetail, value); }
    }

    private string _mangaId;

    public override async Task OnNavigatedToAsync(object parameter, NavigationMode mode, IDictionary<string, object> suspensionState) {
        _mangaId = parameter as string;
        Initialize();

        await Task.CompletedTask;
    }

    private async void Initialize() {
        mangaDetail = await MangaDetailGet.GetAsync(_mangaId);
    }

    public void ChapterSelected(object sender, ItemClickEventArgs e) {
        var _chapterId = (ChapterListItem)e.ClickedItem;
        NavigationService.Navigate(typeof(Views.ChapterPage), _chapterId.id);
    }
}

此代码仅显示第一个问题是显示以前加载的数据一瞬间。如果需要，我将添加展示其他问题的代码，但我不确定它现在是否真的相关。我在想，也许我的整个逻辑都是有缺陷的。

编辑：

<Page.DataContext>
    <vm:ChapterPageViewModel x:Name="ViewModel" />
</Page.DataContext>

其中vm是xmlns:vm="using:MangaReader.ViewModels"。

Answer 1

虽然Template10文档声明默认情况下NavigationCacheMode处于禁用状态，但在示例模板中却不是这种情况（截至编写本文时）。这是在View C＃代码（.xaml.cs文件）中设置的。

.xaml.cs文件

namespace MangaReader.Views {
    public sealed partial class MangaDetail : Page {
        public MangaDetail() {
            InitializeComponent();
            //NavigationCacheMode = Windows.UI.Xaml.Navigation.NavigationCacheMode.Enabled; //this was set by default
            NavigationCacheMode = Windows.UI.Xaml.Navigation.NavigationCacheMode.Disabled; 
        }
    }
}

现在，每次访问此页面时都会创建新的ViewModel。

Answer 2

另一种解决方案是使用Bootstrapper.ResolveforPage（）来处理依赖注入，但可以轻松满足您的需求。像这样：

[Bindable]
sealed partial class App : BootStrapper
{
    static ViewModels.DetailPageViewModel _reusedDetailPageViewModel;
    public override INavigable ResolveForPage(Page page, NavigationService navigationService)
    {
        if (page.GetType() == typeof(Views.DetailPage))
        {
            if (_reusedDetailPageViewModel == null)
            {
                _reusedDetailPageViewModel = new ViewModels.DetailPageViewModel();
            }
            return _reusedDetailPageViewModel;
        }
        else
        {
            return null;
        }
    }
}

NavigationService会将此视为与任何其他视图模型相同。这意味着它将调用OnNavTo（）和您包含的其他导航覆盖。

祝你好运。

每次打开页面时都使用新的ViewModel

2 个答案: