在 C# Webform 中提供元素自定义属性的最佳方法

Question

我有一个像这样的通用 html 元素

<span v-bind:class="{ available: days.timeOne }" data-time="10:00" data-date="{{ days.date }}" class="home__visit-featured-days-item-buttons-time">10:00</span>

当它被渲染时，正在剥离 vuejs 标签。

我以前在使用基本的 html 元素甚至控制标签时遇到过这个问题，我的解决方案是在代码隐藏中手动添加它们。我不喜欢这种方法，因为不仅冗长乏味，而且它将后端逻辑与视图联系起来。

是否有类似于 ClientIDMode 的属性可用于阻止这些标签被剥离？

Answer 1

runat="server" ASP.NET>当属性包含冒号（:)字符，因为这些属性无法转换为后端中的类属性。但是.raw，非服务器控件（即标记）应仅呈现为写入 ascx 文件。

您的示例没有 runat="server" 属性，因此我希望它按编写方式呈现。但是，如果它是一个服务器控件，是否可以改用原始标记？

如果它必须是服务器控件，我认为您唯一的选择是在后面的代码中添加您的属性，例如 myControl.Attributes.Add("v-bind:class", "{ available: days.timeOne }");

Answer 2

我想你正在使用CK编辑器输入HTML代码。我不建议这样做，因为它是所见即所得的，而不是代码编辑器，并且会执行诸如剥离源代码的某些部分之类的事情。如果可以，请将代码移动到静态文本 Web 部件或直接移动到布局。如果需要将其放在可编辑区域区域内，可以为 CK 编辑器指定受保护的源，让它知道哪些代码不能触及：

https://www.google.com/search?q=ckeditor%20protectedsource&rct=j