比如这样的元素:
<ul>
<li>十</li>
<li>百</li>
</ul>
通常要想实现事件点击或当前选中的效果都需要用JS来完成。现在有了Blazor,似乎可以不用考虑JS了。
点击事件的代码
<ul>
<li @onclick="@(e => select(10))">十</li>
<li @onclick="@(e => select(100))">百</li>
</ul>
@code {
int cur_select_count = 10;
void select(int count)
{
cur_select_count = count;
}
}
选中状态
点击事件相对来说比较容易处理,那么选中状态呢?其实也容易,代码如下: