Blazor双向绑定的取消
创始人
2024-12-21 18:00:16
0

Blazor中的双向绑定是一种方便的工具,但有时需要取消绑定。可以通过以下示例来实现取消两种方式的绑定。

示例1:使用EventCallback

首先在组件中定义一个EventCallback委托,然后通过@bind-Value绑定它。在适当的时候,可以使用EventCallback的InvokeAsync方法来取消绑定。

@using Microsoft.AspNetCore.Components.Web



@code {
    [Parameter]
    public string Text { get; set; }

    private EventCallback _textChanged;

    private void OnTextChanged(ChangeEventArgs args)
    {
        this.Text = args.Value.ToString();
        _textChanged.InvokeAsync(this.Text);
    }

    public void CancelBinding()
    {
        _textChanged = null;
    }
}

示例2:使用绑定属性

另一种取消绑定的方法是在已绑定的属性上重新绑定另一个值。在适当的时候,可以将绑定属性设置为null来取消绑定。



@code {
    private string _text;

    [Parameter]
    public string Text
    {
        get => _text;
        set
        {
            if (_text != value)
            {
                _text = value;
                TextChanged.InvokeAsync(value);
            }
        }
    }

    [Parameter]
    public EventCallback TextChanged { get; set; }

    private void OnChange(string value)
    {
        Text = value;
    }

    public void CancelBinding()
    {
        this.TextChanged = null;
    }
}

相关内容

热门资讯

玩家必看攻略!博雅红河棋牌有挂... 玩家必看攻略!博雅红河棋牌有挂吗(透视)原来是有挂(2022已更新)(哔哩哔哩);暗藏猫腻,小编详细...
发现一款!德州ai辅助软件(辅... 发现一款!德州ai辅助软件(辅助挂)确实真的有挂(2020已更新)(哔哩哔哩)在进入德州ai辅助软件...
最新技巧!掌电竞技(透视)确实... 最新技巧!掌电竞技(透视)确实是有挂(2024已更新)(哔哩哔哩)1)掌电竞技辅助挂:进一步探索掌电...
热点推荐!三哥玩摆头注辅助(辅... 热点推荐!三哥玩摆头注辅助(辅助挂)一贯是真的有挂(2020已更新)(哔哩哔哩)三哥玩摆头注辅助辅助...
玩家爆料!福建十三水软件开发(... 玩家爆料!福建十三水软件开发(透视辅助)原来真的是有挂(2024已更新)(哔哩哔哩)1、福建十三水软...
科普!哈灵辅助器怎么使用(透视... 科普!哈灵辅助器怎么使用(透视辅助)果然是真的有挂(2022已更新)(哔哩哔哩);哈灵辅助器怎么使用...
2024教程!多多来了棋牌软件... 2024教程!多多来了棋牌软件有挂吗(透明挂)都是真的有挂(2025已更新)(哔哩哔哩)小薇(透视辅...
玩家亲测!越乡游义乌牛牛有挂吗... 玩家亲测!越乡游义乌牛牛有挂吗(透明挂)好像真的有挂(2020已更新)(哔哩哔哩);暗藏猫腻,小编详...
我来教教你!手机唯思竞技麻将软... 我来教教你!手机唯思竞技麻将软挂神器(透明挂)都是真的是有挂(2025已更新)(哔哩哔哩);1、全新...
玩家必看科普!玉海楼茶苑十三输... 玩家必看科普!玉海楼茶苑十三输赢有没有规律(透视辅助)一贯是有挂(2022已更新)(哔哩哔哩)1、全...