英文:
blazor library that can do static JavaScript function
问题
在Blazor中是否有任何可以执行静态JavaScript函数的库,例如向HTML标记添加类似以下内容的功能,而不是使用JS互操作或其他方法,我只是不想使用JavaScript,只想向元素添加一个类:
blazorFunctions.GetElementById("your element id").AddClass("your class name")
英文:
Is here any blazor library that can do static JavaScript functions like add a class to an HTML tag something like this Instead of JS interop or something else just i don't want to use JavaScript i just want to add a class to an element
blazorFunctions.GetElementById("your element id").AddClass("your class name")
答案1
得分: 1
你可以通过对类进行参数化,并在标记中使用它来实现这一点:
<button type="button" class="btn btn-primary" @onclick="SetClassString">设置为 class2</button>
<div class="@ClassString" />
<p>您的内容</p>
</div>
@code {
public string ClassString { get; set; } = "class1";
private void SetClassString()
{
ClassString = "class2";
}
}
当在组件中使用时,您还可以使用 [Parameter]
属性来指定类名并从外部传递。
例如:
<Index ClassString="class3" />
英文:
You can do this by parameterizing the class and use it in markup like this:
<button type="button" class="btn btn-primary" @onclick="SetClassString">Set to class2</button>
<div class="@ClassString" />
<p>Your content</p>
</div>
@code {
public string ClassString { get; set; } = "class1";
private void SetClassString()
{
ClassString = "class2";
}
}
When used in a component you can also specifiy the [Parameter]
attribute and pass in the class name from outside.
For example
<Index ClassString="class3" />
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论