在 Svelte SMUI 中,属性 "table$aria-label" 和 "input$autocomplete" 的实际含义是什么?
In svelte SMUI, what do the attributes "table$aria-label" and "input$autocomplete" actually mean?
我是 svelte 和 SMUI 的新手。我浏览了 https://sveltematerialui.com/ 的官方文档,发现了一些奇怪的属性声明,例如“table$aria-label”和“input$autocomplete”。我不确定它们的意思,特别是对使用美元符号的命名约定以及“table”和“input”的前缀出现的地方感到困惑。
任何解释都是有帮助的,谢谢。
您可以使用“$”属性向较低的组件和元素添加属性,例如 input$maxlength="15"。
转发所有事件。这包括 DOM 个事件、SMUI 事件和自定义事件。
- 您可以使用 on:click$preventDefault$capture={handler} 语法添加事件修饰符。
- 您必须使用“$”而不是“|”就像在原生 Svelte 中一样。 (| 中的额外 S 代表 SMUI。)
支持的修饰符有:preventDefault、stopPropagation、passive、nonpassive、capture 和 once
这是来自documentation
我是 svelte 和 SMUI 的新手。我浏览了 https://sveltematerialui.com/ 的官方文档,发现了一些奇怪的属性声明,例如“table$aria-label”和“input$autocomplete”。我不确定它们的意思,特别是对使用美元符号的命名约定以及“table”和“input”的前缀出现的地方感到困惑。
任何解释都是有帮助的,谢谢。
您可以使用“$”属性向较低的组件和元素添加属性,例如 input$maxlength="15"。
转发所有事件。这包括 DOM 个事件、SMUI 事件和自定义事件。
- 您可以使用 on:click$preventDefault$capture={handler} 语法添加事件修饰符。
- 您必须使用“$”而不是“|”就像在原生 Svelte 中一样。 (| 中的额外 S 代表 SMUI。) 支持的修饰符有:preventDefault、stopPropagation、passive、nonpassive、capture 和 once
这是来自documentation