問題タブ [stencil-component]
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.
reactjs - getBoundingClienRect() は、最初は要素の適切な位置を取得しますが、2 回目のレンダリング後に {0,0,0,0} を取得します
現在、Ionic4/stencil アプリ (PWA ツールキット: https://ionicframework.com/pwa/toolkitを使用) を開発しており、コンポーネントの位置を取得する際に問題が発生します。
}
ユーザーがイオン ボタンをクリックすると、位置を取得する画像の ID を指定して getPos() メソッドを呼び出します。
ボタンをクリックすると、すべてが正常に機能し、コンソールに img の適切な位置が表示されます。
しかし、画像をもう一度クリックすると、{0,0,0,0} 座標が得られます...
これについての説明はありますか？
前もって感謝します、
web-component - Web コンポーネント: 子を操作するには?
現在、StencilJS を使っていくつかの Web コンポーネントを作成しようとしています。
<slot />これで、名前付きスロットとそのすべてが存在することがわかりました。React から来ているので、slot は React の子に似ていると思います。React では子を使用して多くのことができます。私がよくしたこと：
- 子供がいるかどうかを確認する
- 子を繰り返し処理して、各子に何かを行います (たとえば、クラスを含む div でラップします)。
slot/web components/stencilJS を使用してそれを行うにはどうすればよいでしょうか?
Stencil を使用して、Web コンポーネントのホスト要素を取得できます。
私は自分のコンポーネントを次のように使用します
次のようなものをレンダリングしたい
敬具
html - Web コンポーネントに画像を挿入するにはどうすればよいですか?
Stencil で構築している Web コンポーネントに画像を挿入しようとしています。
2 つのエラーが発生します。
AppLogo is declared but its value is never read.
と
Cannot find module ../assets/logo.svg.
ディレクトリ:
コード：
これに関する大量のドキュメントはありません (私が見つけることができます)。だから、どんな助けも大歓迎です。
angular - HTMLCollectionOf にタイプ 'NodeList' の次のプロパティがありません
ステンシル 0 から 1 に更新したところ、コンポーネント コレクションをビルドした後にこのエラーが発生します。
私の aep-tabs.tsx ファイル
tsconfig.json
ノード バージョン: 10 TSC バージョン:3.6.3
「lib」、「target」を更新しました。また、nodeList を配列に変換しましたが、どれも機能しません。この問題を解決する方法を知っている人はいますか?