この記事では、ユーザー名が使用可能かどうかを確認するためのVueの具体的なコードを例として紹介します。具体的な内容は次のとおりです。 ユーザー名が使用可能であることを確認するケース効果実装手順(アイデア) 1. v-model によるデータバインディング さらなる調整は 1. リスナーを使用してユーザー名の変更を監視する コード基本レイアウト <div id="アプリ"> <span>ユーザー名:</span> <span> <input type="text" v-model.lazy="uname"> </span> <span> {{ヒント}} </span> </div> リスナーを通じて特定の機能を実装する <script type="text/javascript" src="../js/vue.js"></script> <script type="text/javascript"> /* リスナーはリスナーを使用してユーザー名の変更を監視します。ユーザー名が変更された場合(検証のためにバックグラウンドインターフェースを呼び出します) 検証結果に応じてプロンプト情報を調整する*/ var vm = 新しい Vue({ el: "#app", データ: { 名前: ''、 ヒント: '' }, メソッド: { checkName: 関数 (uname) { // インターフェイスを呼び出しますが、スケジュールされたタスクを使用してインターフェイス呼び出しをシミュレートできます。var that = this; setTimeout(関数() { // インターフェース呼び出しをシミュレートする if (uname == 'admin') { that.tip = 'ユーザー名は既に存在します。変更してください' } それ以外 { that.tip = 'ユーザー名は使用できます' } }, 1000) } }, 時計: uname: 関数 (val) { //バックエンド インターフェイスを呼び出して、ユーザー名の正当性を確認します。this.checkName(val); this.tip = '確認中...' } }, }); </スクリプト> 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: Windows Server 2008 R2 に MySQL 5.7.10 をインストールする手順
>>: Linux での crontab スケジュール実行コマンドの詳細な説明
少し前に、製品バージョンをテスト用にテスターに提出したのですが、テスト結果はまったく予想外のもの...
問題の原因: 最初は CentOS 8 のデフォルトの yum ソースを正常に使用できますが、次のコ...
Nginx を使用して Tomcat9 クラスターを構築し、Redis を使用してセッション共有を実...
一般的な基本グラフィックと私が遭遇するいくつかの小さなアイコンについて簡単に説明します。以下は CS...
コードをコピーコードは次のとおりです。 <html> <ヘッド> <m...
1. dockerでtomcat8をインストールする1. Docker HubでTomcatイメージ...
will-change は、要素にどのような変更が行われるかをブラウザに伝え、ブラウザが事前に最適化...
HTTP ステータス コードは、Web サーバーの HTTP 応答ステータスを示すために使用される ...
【質問】 INSERT 文は最も一般的な SQL 文の 1 つです。最近、MySQL サーバーが同時...
実行中のコンテナが終了したときに、コンテナが完全に終了する前に環境をクリーンアップするなど、いくつか...
通常、IE ブラウザでの CSS の互換性の問題を解決するために、フロート レイアウトが使用されます...
この記事では、MySQL 5.7.25圧縮版のインストールと設定方法を参考までに紹介します。具体的な...
1. 概要MySQL バージョン: 5.6.21ダウンロードアドレス: https://dev.my...
目次方法1: set: データ型ではなくデータ構造であり、メンバーは一意である方法2: オブジェクト...
OO、デザイン パターン、および多くのオブジェクト指向の原則について話す前に、まず 1 つのことを習...