web-component - Svelte:Web 组件通过 prop camel case

标签 web-component svelte svelte-3

我正在使用由 svelte 生成的网络组件。 我在驼峰案例 (someType) 中定义了 props,期望以下内容应该工作但不工作

<my-web-c some-type="stringVal"></my-web-c>

这是可以预料的吗?是否有任何选项可以使它起作用?

我知道将 props 作为 snake case 和普通值传递确实像在 JS (some_type) 中一样工作

<my-web-c some_type="stringVal"></my-web-c>

或在 JS 中(某种类型)

<my-web-c sometype="stringVal"></my-web-c>

但对 Camel 案很好奇。

最佳答案

你可以像这样使用驼峰式 Prop :

<my-web-c someType="stringVal"></my-web-c>

REPL显示不同的 Prop 类型。目前不支持 Kebab-case。有一个 Unresolved 问题 here .

关于web-component - Svelte:Web 组件通过 prop camel case,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63046185/

相关文章:

javascript - 如何使用 Google Polymer 实现纸卡的简单搜索

svelte - 在 Svelte 套件中访问没有加载功能的参数

svelte - 剧作家不等待元素可见

svelte - Svelte 中不相关组件之间的实时数据共享

svelte - 如何验证传递的 prop 是否是 Svelte 中的组件类型?

javascript - Svelte 3,异步 onMount 还是有效的替代方案?

angularjs - 在 Angular2 中创建包装器组件

html - 如何在元素内容中访问模板的innerHTML

dart - 使用 Polymer.dart 从动态添加的自定义元素内部操作阴影 DOM

fetch - 如果从 Svelte 前端顺序调用 FastAPI 端点,连接将被拒绝