英文:
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" />
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论