在聚合物文件中他们说
根据规范,自定义元素的名称必须包含短划线 ( - )。
所以我创建了一个名为custom-element
的自定义元素。通常,每个人都这样做。但突然之间,我怀疑我们能否在最后得到冲刺?
然后我尝试了customelement-
和-customelement
。
我想知道右侧的破折号( - )正在运作。但破折号( - )在左侧方端不起作用。
这是一个功能还是一个错误?
答案 0 :(得分:1)
这不是一个错误。它按预期工作。
根据spec您的元素需要在其名称中加上破折号(例如<my-tabs>
)。这样你就不得不添加一个命名空间来避免与现有元素发生冲突。有效的自定义元素名称是符合以下所有要求的字符序列名称
[a-z] (PCENChar)* '-' (PCENChar)*
其中PCENChar:=
"-" | "." | [0-9] | "_" | [a-z] | #xB7 | [#xC0-#xD6] | [#xD8-#xF6] | [#xF8-#x37D] | [#x37F-#x1FFF] | [#x200C-#x200D] | [#x203F-#x2040] | [#x2070-#x218F] | [#x2C00-#x2FEF] | [#x3001-#xD7FF] | [#xF900-#xFDCF] | [#xFDF0-#xFFFD] | [#x10000-#xEFFFF]
参考:https://www.w3.org/TR/custom-elements/#prod-potentialcustomelementname
希望这会有所帮助:)
答案 1 :(得分:1)
以下链接解释清楚。试着去理解 Read this article