問題タブ [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.

0 投票する
1 に答える
522 参照

polymer - lit-html イベント リスナーが正しくレンダリングされない

クライアント(つまりブラウザ)にhtmlを返すラムダサービスがあります。ただし、イベント リスナーは機能しません。理由はありますか?コードは次のとおりです。

Chrome 開発ツールからの shadowroot を見ると、ボタンが誤って としてレンダリングされていまし<button @click="() => console.log('button was clicked')">BUTTON</button>た。私は何が間違っているのですか?ありがとう。

0 投票する
1 に答える
52 参照

lit-element - テンプレートで ("...") を使用する必要がありますか?

In lit-element@ Templates @ Bind プロパティを子要素 (ドキュメント) に

  • 属性:<p id="${...}"></p>

  • ブール属性:?checked="${...}"

  • 財産:.value="${...}"

  • イベント ハンドラー:@event="${...}"

    "常にペアで使用されます。

反対に、lit-html@ ライティング テンプレート (ドキュメント) では、 のペア"は使用されません。たとえば、次のようになります。

  • 属性:<p id=${...}></p>
  • ブール属性:?checked=${...}
  • 財産:.value=${...}
  • イベント ハンドラー:@event=${...}

その理由はありますか?他のスタイルよりも好ましいスタイルはありますか?