ドラッグ可能なテキスト ボックスでは、ユーザーはオプションをテキスト ボックスにドラッグすることで入力を確定できます。実際、これはコンボ ボックスのバリエーションであると言えます。 コンボボックスと比較すると、このコンポーネントを使用すると、ユーザーはすべてのオプションをより直感的に確認でき、複数の入力でオプションのセットを共有できます。 同様のコンポーネントは、3D Windrose App や Graph Maker App などの複数のアプリでも使用されています。 コンポーネントの登録ドラッグ可能なテキスト ボックス コンポーネントを登録します (実際には、カプセル化されたコードのこの部分では Ctrl+C と Ctrl+V を押します)。 <script type="text/x-template" id="ドラッグアンドドロップテキストボックステンプレート"> … </スクリプト> <スクリプト> Vue.component("ドラッグアンドドロップテキストボックス", { テンプレート: "#ドラッグアンドドロップテキストボックステンプレート", … </スクリプト> コンポーネントの追加ドラッグ可能なテキスト ボックス コンポーネントを追加するには、カスタム タグ <ドラッグ アンド ドロップ テキスト ボックス :columns="列“ :input="入力"></ドラッグ アンド ドロップ テキスト ボックス> ソースコードギットハブ 上記は、Vue.js ドラッグ可能なテキストボックス コンポーネントの詳細な説明です。Vue ドラッグ可能なテキストボックス コンポーネントの詳細については、123WORDPRESS.COM の他の関連記事に注目してください。 以下もご興味があるかもしれません:
|
<<: MySQL の従来のソート、カスタム ソート、中国語のピンイン文字によるソート
>>: プロセスのすべての情報を表示するLinuxメソッドの例
まず、CSS3 Api の position 属性の定義を見てみましょう。 static: 特別な配...
作業の過程で、暗黙的な変換が発生するケースが数多くあります。暗黙的な変換は、クエリの速度低下を引き起...
夜にMACの電源を入れたところ、突然ルートアカウントがMySQLに正常にログインできなくなったため、...
昨年の前半から開発と娯楽のために Linux を使い始めましたが、今では Windows には戻れま...
前面に書かれたMySQL をアップグレードする方法には、インプレース アップグレードと論理アップグレ...
この記事の例では、ボタンをクリックすることで4桁のランダムな検証コードを生成するjsの具体的なコード...
最初の方法: CSSコード:コードをコピーコードは次のとおりです。 .b970-a{幅:970px;...
フォームを入力不可にしたい場合は、フォームを次のように設定します。コードをコピーコードは次のとおりで...
Mac を返却して以来、元のラップトップは使用されていません。このラップトップの構成は非常に良好で...
理由は分かりませんが、UIではハニカム効果(手を広げたような効果)のデザインが好まれます。 1. 六...
一般的なアプリケーションシナリオ現在のアプリのインターフェースは基本的に同じであり、グリッドレイアウ...
本日の投稿では、Web デザインで使用される円形要素の優れた例をいくつか挙げ、美しい丸いボタン、メニ...
多くの友人が、Docker でプロジェクトを実行する方法をずっと知りたがっていました。今日は、自分の...
現在、Web デザインではタブが広く使用されていますが、一般的に次の 2 つのタイプに分けられます。...
この記事の例では、音楽プレーヤーを実装するためのJSの具体的なコードを参考までに共有しています。具体...