svelte

0熱

1答えて

私は入れ子にされたコンポーネントを使用しています。その中に入れ子になったコンポーネントの全体のプロパティを親コンポーネントの値でdataに設定したいと思います。例えば、最初app.htmlコンポーネント <NestedComponent data="{{ forNested }}" /> <script> export default { data:() => {

0熱

1答えて

Svelteはチェックボックスのバインディングをサポートしていますか？

Svelteはチェックボックスのバインディングをサポートしていますか？ドキュメントには次のように記載されているので、まだ実装されていない可能性があります。双方向バインディングはまだ完全には実装されていません。利用可能なバインディングの一覧はすぐに確認してください！私は、実装がこのように見えると思います。 <input type="checkbox" bind:checked="checked

0熱

1答えて

Svelteのスロット要素にスタイルを適用するには？

あるモジュールで宣言されたスタイルを、そのモジュールのスロット要素に適用する（別のファイルで埋められる）ようにしたいと思います。ここでは、次の例のSvelte REPLです： App.html <List> {{#each items as item}} <li><a>{{item}}</a></li> {{/each}} </List> <script>

1熱

1答えて

バウンドチェックボックスの変更を評価できますか？

Svelteでは、チェックボックスのchecked属性をバインドできます。 observeは、そのコンポーネントのバインドされた値です。コールバックは、現在値と前の値を提供します。ただし、チェックボックスの状態の変更を評価しようとすると、現在と以前の値は同じように見えます。 Please see this example to illustrate the problem。私はここで何か間違った

0熱

1答えて

SSRハイドレーションの使用

私はsvelオプションを使ってhtmlのあらかじめレンダリングされたバージョンを含むインタラクティブな記事をSvelteで作成しようとしていました。残念ながら、私の水和コードは、ロードされると、事前レンダリングされたDOMノードをすべて吹き飛ばします。私は静的なindex.htmlページを持っていて、それを読み込んであたたかなバンドルで水和させるのが大好きですが、ほとんどのページは静的なテキストで

0熱

1答えて

svelteコンポーネント内の名前付きスロットにアクセスするには？

私はSvelte（素晴らしい！）を試していますが、私は解決する方法がわからないという問題に遭遇しています。私はいくつかの名前付きスロットを持つコンポーネントを持っています。これらのスロットが満たされているかどうかに基づいて、私は追加のHTMLをレンダリングする必要があります。だから、私の考えはブロックを{{#if slots}}ブロックに入れることでしたが、名前付きスロットを参照する方法はわかりま

0熱

1答えて

svelte jsを使用する理由

最近ではフレームワークが見つかりました。あなたはreactjsまたはvuejsの代わりにそれを使用することについてどう思いますか？私はそれを全く使わなかったので、私はそれらの間の深い違いを理解していません。私はずっと速くそれを読んだが、それはreduxのような状態を保存するための特定のサポートを持っていない。では、これについて何が言えますか？私は長所と短所についていくつかの情報を見つけようとしま

0熱

1答えて

SvelteはダイナミックCSSのスタイリングを容易にしますか？

Svelteでは、コンポーネントの状態に応じて要素のクラスをどのように変更する必要がありますか？たとえば、次の例のように、特定の条件のボタンにクラスを適用したい場合があります。今 <button class="{{class}}"> 、これは一定の条件の下で、クラス名、または空の文字列を返すことになるcomputed propertyを作成することによって達成することができます。しかし、こ

0熱

1答えて

Svelteでブール値属性を動的に設定するにはどうすればよいですか？

初の試み： <button type="submit" class="button" {{#if isDirty(item)}}disabled{{/if}}>Save2</button> は、コンパイル時にエラーが発生します。 bundling... (svelte plugin) Error: (28:75) Expected > 26: <div class="row">

0熱

1答えて

コンポーネントのオブジェクトの破棄

オブジェクトをスヴェルトコンポーネントに渡すときにオブジェクトを破棄できるようにしたい。このようなもの？コンポーネント内 var o = { item: "bread", count: 12 } <Component ...object> は <b>{{item}}:</b> {{count}} 現在、私がしばらく前にdiscussion about thisがありました。この