MAUI MVVM中Binding提示“No DataContext found”，属性更新不生效

在MAUI MVVM项目中，TabName、DisplayDate两个Label字段与Tasks集合绑定至DailyTasksViewModel，初始值可正常显示，但后续修改属性值后界面不会同步更新；鼠标悬停Label的绑定值时，会显示“No DataContext found for Binding 'fieldname'”提示。不过Tasks集合的绑定正常，能同步显示更新内容。

XAML代码 #

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:vm="clr-namespace:DailyTasks_MVVM.ViewModels"
             xmlns:DataType="vm:DailyTasksViewModel"
             xmlns:m="clr-namespace:DailyTasks.CoreBusiness;assembly=DailyTasks.CoreBusiness"
             x:Class="DailyTasks_MVVM.Views.TaskPage"
             Title="">
    <Grid
        Padding="5"
        RowDefinitions="30, 25, *, 10, 45, 10"
        ColumnDefinitions="*">
        <Label Grid.Row="0" Grid.Column="0" Padding="0,-4" 
               FontSize="Medium" FontAttributes="Bold" 
               HorizontalOptions="Center" 
               Text="{Binding TabName}"></Label>
        <HorizontalStackLayout Grid.Row="1" Grid.Column="0">
            <Grid Padding="9,-10" RowDefinitions="25" ColumnDefinitions="315">
                <Label Text="{Binding DisplayDate}" 
                       Grid.Row="0" Grid.Column="1" 
                       HorizontalTextAlignment="Center" FontSize="Medium"></Label>
            </Grid>
        </HorizontalStackLayout>
        <CollectionView
           x:Name="TaskCollection"
           ItemsSource="{Binding Tasks}"
           Grid.Row="2"
           Grid.Column="0">
            <CollectionView.ItemTemplate>
                <DataTemplate x:DataType="m:cTask">
                    <StackLayout>
                        <Frame Margin="0,1,0,1">
                            <StackLayout Orientation="Vertical" Margin="-10" Spacing="0">
                                <HorizontalStackLayout>
                                    <CheckBox VerticalOptions="Start"></CheckBox>
                                    <VerticalStackLayout>
                                        <Label Margin="2,9" FontSize="Medium" Text="{Binding TaskName}" />
                                        <Label Margin="2,0" Text="{Binding HasLingered}" />
                                    </VerticalStackLayout>
                                </HorizontalStackLayout>
                            </StackLayout>
                        </Frame>
                    </StackLayout>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>
        <Button
            Grid.Row="4"
            Grid.Column="0"
            MaximumWidthRequest="50"
            MaximumHeightRequest="60"
            Scale="1.1"
            FontSize="Large"
            Command="{Binding GotoAddTaskCommand}"
            Text="+">
        </Button>        
    </Grid>
</ContentPage>

ViewModel代码 #

namespace DailyTasks_MVVM.ViewModels
{
    public partial class DailyTasksViewModel : ObservableObject
    {
        private const string MainTab = "Main";
        private readonly IViewSpecificDateUseCase viewSpecificDateUseCase;
        [ObservableProperty]
        private DateTime currentDate;
        [ObservableProperty]
        private cTask task;
        [ObservableProperty]
        private Guid? currentTabID;
        [ObservableProperty]
        private string tabName;
        [ObservableProperty]
        public cTaskInfo taskInfo;

        public string DisplayDate
        {
            get { return CurrentDate.ToString("d"); }
        }

        public ObservableCollection<cTask> Tasks { get; set; }

        public DailyTasksViewModel(IViewSpecificDateUseCase viewSpecificDateUseCase)
        {
            this.viewSpecificDateUseCase = viewSpecificDateUseCase;
            this.Tasks = new ObservableCollection<cTask>();
            this.TabName = "Main";
            this.CurrentDate = DateTime.Now.Date;
        }
    }
}

问题原因与解决方法 #

1. 消除DataContext未找到的提示 #

XAML中错误地将x:DataType声明为自定义命名空间xmlns:DataType="vm:DailyTasksViewModel"，正确的做法是在ContentPage上直接设置x:DataType属性，同时确保页面的BindingContext已正确指向DailyTasksViewModel实例。

修正后的XAML头部：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:vm="clr-namespace:DailyTasks_MVVM.ViewModels"
             xmlns:m="clr-namespace:DailyTasks.CoreBusiness;assembly=DailyTasks.CoreBusiness"
             x:Class="DailyTasks_MVVM.Views.TaskPage"
             x:DataType="vm:DailyTasksViewModel"
             Title="">

BindingContext设置说明：

• 若使用依赖注入，确保MauiProgram.cs中已注册DailyTasksViewModel，页面会自动获取ViewModel作为BindingContext；
• 若未使用DI，可在页面后台代码中设置：

  public TaskPage(DailyTasksViewModel vm)
  {
      InitializeComponent();
      BindingContext = vm;
  }
  

2. 解决TabName更新不同步问题 #

TabName已使用[ObservableProperty]特性，会自动生成带PropertyChanged通知的属性，只要BindingContext正确设置，后续更新就能同步到界面。

3. 解决DisplayDate更新不同步问题 #

DisplayDate是依赖CurrentDate的计算属性，CurrentDate变化时不会自动触发DisplayDate的PropertyChanged通知。需在CurrentDate变更时手动触发：

修正后的ViewModel片段：

namespace DailyTasks_MVVM.ViewModels
{
    public partial class DailyTasksViewModel : ObservableObject
    {
        // 其余属性不变

        public string DisplayDate
        {
            get { return CurrentDate.ToString("d"); }
        }

        // CommunityToolkit.Mvvm自动生成的部分方法，在CurrentDate变更时触发
        partial void OnCurrentDateChanged(DateTime value)
        {
            OnPropertyChanged(nameof(DisplayDate));
        }

        // 构造函数不变
    }
}

错误方法说明 #

之前尝试的Text="{Binding Source={x:Reference DailyTasksViewModel}, Path=TabName}"无效，因为DailyTasksViewModel是类而非XAML中的可视化元素，无法通过x:Reference引用，正确方式是依赖BindingContext。

内容的提问来源于stack exchange，提问作者Eric V.