問題タブ [lit-html]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
polymer - lit-html イベント リスナーが正しくレンダリングされない
クライアント(つまりブラウザ)にhtmlを返すラムダサービスがあります。ただし、イベント リスナーは機能しません。理由はありますか?コードは次のとおりです。
Chrome 開発ツールからの shadowroot を見ると、ボタンが誤って としてレンダリングされていまし<button @click="() => console.log('button was clicked')">BUTTON</button>
た。私は何が間違っているのですか?ありがとう。
lit-element - テンプレートで ("...") を使用する必要がありますか?
In lit-element
@ Templates @ Bind プロパティを子要素 (ドキュメント) に
属性:
<p id="${...}"></p>
ブール属性:
?checked="${...}"
財産:
.value="${...}"
イベント ハンドラー:
@event="${...}"
"
常にペアで使用されます。
反対に、lit-html
@ ライティング テンプレート (ドキュメント) では、 のペア"
は使用されません。たとえば、次のようになります。
- 属性:
<p id=${...}></p>
- ブール属性:
?checked=${...}
- 財産:
.value=${...}
- イベント ハンドラー:
@event=${...}
その理由はありますか?他のスタイルよりも好ましいスタイルはありますか?