タグ付けされた質問 「svelte-3」

5
Svelteでon:clickにパラメーターを渡す方法は?
関数をボタンにバインドするのは簡単で簡単です。 <button on:click={handleClick}> Clicks are handled by the handleClick function! </button> しかし、これを行うと、関数にパラメーター(引数)を渡す方法がわかりません。 <button on:click={handleClick("parameter1")}> Oh no! </button> この関数はページのロード時に呼び出され、二度と呼び出されません。 から呼び出された関数にパラメーターを渡すことはまったく可能on:click{}ですか? 編集: 私はそれを行うためのハッキーな方法を見つけました。インラインハンドラーからの関数の呼び出しは機能します。 <button on:click={() => handleClick("parameter1")}> It works... </button>
24 svelte  svelte-3 

1
Svelteの「スクリプトを評価する」時間は、インフェルノと比較して高く表示されています。
データバインディングとDOM管理機能を提供するプロジェクト用のライブラリを選択しようとしています。複数のライブラリを比較すると、結局InfernoとSvelteになりました。 Svelteのスクリプト時間の評価が他のライブラリよりも高いことに気付きました(添付の画像を参照してください) 。 サンプルでは、​​100 x 15のテーブル(合計1500セル)をレンダリングしました。レンダリング時間は数ミリ秒減少しますが、インフェルノのスクリプト実行時間はその半分です。 要素の数に応じて時間が大幅に増加します。15000セルsvelteスクリプトの評価時間は2000ミリ秒ですが、インフェルノは680ミリ秒かかりました。 Svelteコード: <style> table,td,tr { border: 1px solid black; } </style> <script> import { officedatabase } from '../../../data_generator/sampleGridData/initialloaddata.js'; </script> <table> {#each officedatabase as row} <tr> {#each row as cell} <td>{cell}</td> {/each} </tr> {/each} </table> インフェルノサンプルコード: import { Component } from 'inferno'; import { officedatabase …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.