ドラッグ可能なテキスト ボックスでは、ユーザーはオプションをテキスト ボックスにドラッグすることで入力を確定できます。実際、これはコンボ ボックスのバリエーションであると言えます。 コンボボックスと比較すると、このコンポーネントを使用すると、ユーザーはすべてのオプションをより直感的に確認でき、複数の入力でオプションのセットを共有できます。 同様のコンポーネントは、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メソッドの例
目次導入Homebrewをインストールするnvmをインストールするノードをインストールするインストー...
目次予防必要条件AWSアカウントを申請する仮想マシンの申請と有効化仮想マシンを申請するセキュリティグ...
一般的なNginx構成ではクロスドメインが可能 サーバー{ 11111 を聞いてください。 serv...
Java環境変数を設定するここで、環境変数は etc/profile に設定され、つまり、すべてのユ...
1. Dockerfile 内の ENV 命令は、イメージの環境変数を定義するために使用されます。次...
ユーティリティ = { /** * 死亡年ですか? * @return {Boolse} true...
Docker インストール (Alibaba Cloud Server) Docker 公式 Ce...
1. CSSは左の固定幅と右の適応幅を実現します1. ポジショニング <!DOCTYPE ht...
stat 関数と stat コマンドLinux ファイル内の [inode = インデックス ノード...
docker における実行と開始の違いDocker run はミラーイメージを指定します。そしてdo...
ページをレイアウトする際、ユーザーに異なる視覚効果を与えるために、div の背景色を半透明の状態に設...
MySQL 4.x 以降では、全文検索 MATCH ... AGAINST モード (大文字と小文字...
1. ドロップダウンリストの例コードは次のとおりです。 <!doctypehtml> ...
効果画像:実装コード: <テンプレート> <div id="map&qu...
目次更新可能なビュービューのパフォーマンスビューの制限ビューは MySQL 5.0 以降で導入されま...