問題タブ [svelte-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.
svelte - Svelte を使用して複数のコンポーネント間で同じ変数をバインドすることは可能ですか?
同じコンポーネントが同じコンテキストから複数回使用される場合、バインドされたプロパティがそれらのインスタンス間で共有される可能性はありますか?
たとえば、チェックボックスを作成するコンポーネントがある場合bind:group、文字セレクターと数値セレクターの選択 ( ) をどのように組み合わせることができますか?
この例では、複数の文字が選択されている場合、選択が適切に伝播され、バインドされます。ただし、数字を選択すると、選択した数字を選択した文字に結合するのではなく、選択した文字が選択した数字に置き換えられます。
REPL: https://svelte.dev/repl/f97f859ea567473b9732b8933db870f7?version=3.20.1
html - グローバル CSS ファイルでグラデーションが機能しない - Svelte の使用
Svelte アプリケーションの背景をグラデーションにしたいと考えています。これは、この Web サイトで気に入ったグラデーションです: https://uigradients.com/#JShine。Web サイトから提供された HEX コードをコピーし、次のようにグローバル CSS ファイルに配置しました。
グラデーションの途中で色の変化が非常にはっきりしている理由を理解できません。名前のグラデーションの言及のように全体に均等にしたい. 私が間違っていることを理解していません。それほど厳しい線ではなく、均一なグラデーションが必要です。私のページが現在どのように見えるかの画像を添付しました。
注: ページにコンテンツはありますが、画像にテキストを含めたくなかったので、スクリーンショットを作成するコンテンツがないページのスペースを見つけました。また、これはCSSの質問であることは承知していますが、実際にSvelteを使用してコードを書いているので違いがあるかどうかはわかりませんので、そのタグも追加しました.
checkbox - チェックボックスに選択したオプション価格を追加する - Svelte を使用する
チェックボックスが選択され、選択されていないため、合計を更新しようとしています（ユーザーが気が変わってアイテムが不要になった場合）。しかし、各おもちゃに割り当てた実際の値を取得する方法がわかりません。例: ユーザーがおもちゃ 1 と 3 を選択すると、次のように表示されます。Toy1、Toy3 を注文し、合計は $6.00 です。今のところ、私が望んでいるものではない名前自体で値を割り当てましたが、私がやろうとしていることを示すためにそれを入れました。合計を取得するために実際に操作を実行する必要がある他のものはありますか?