必要:ハードコードされたデータの代わりに、セレクター内のオプション値の動的な表示を実装します。私のロールIDデータは次のとおりです。 これらのデータリクエストをオプションに表示する必要があります 実装は次のとおりです。element-ui でセレクターを使用します。 <el-form-item label="ロールID:" prop="roleId"> <el-select v-model="addUserForm.roleId" placeholder="ロールIDを選択してください"> <el-オプション v-for="roleList 内の項目" :key="アイテム.値" :label="アイテム.ラベル" :value="アイテムの値"> </el-option> </el-select> </el-form-item> データ内の空の配列をカスタマイズします。 メソッドにデータを実装するためのリクエストを記述します。 ロールリストを取得する() { getRoleList(this.name).then(res => { 結果を res.data.items とします。 console.log("ロールリストを取得します: " +JSON.stringify(this.roleList)); 結果.forEach(要素 => { this.roleList.push({label:要素名,value:要素名}); }); }).catch( エラー => { コンソール.log(エラー); }); }, 作成された実装の表示: getRoleList は私がカプセル化した get リクエストです。 結果は次のとおりです。 Vue + 要素を使用して背景データをオプションに動的に表示する方法についてはこれで終わりです。Vue 要素の動的オプションに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: Linux FTP匿名アップロードとダウンロードが自動的に開始される問題を解決する
>>: MySQL 8.0.11 Mac 用インストール ガイド
文字セットエラーは常に存在するロケール: LC_CTYPE をデフォルト ロケールに設定できません:...
目次序文プロトタイプチェーン継承コンストラクタの継承組み合わせ継承(プロトタイプチェーン継承とコンス...
今日、非常に奇妙な状況に遭遇しました。docker イメージを更新した後、docker-compos...
エラー メッセージ:ストアの更新、挿入、または削除ステートメントが予期しない行数 (0) に影響を与...
Windows 10 で MySql データベースの解凍バージョンをインストールするステップ 1: ...
注 1: 上の画像の背景全体がこの Web ページのフルサイズであり、中央の小さなボックスがブラウザ...
月曜日から日曜日の時間形式の変換(Y --- 年 M --- 月 D--- 日) : : : : :...
IE6 と IE7 では CSS の解釈に多くの違いがあります。今日はそのうちの 1 つである高さに...
Zabbix サーバー環境プラットフォームバージョン: ZABBIX バージョン 4.4システム:...
EXPLAIN は、MySQL がインデックスを使用して選択ステートメントを処理し、テーブルを結合す...
MySQLのインストール、設定、最適化は参考用です。具体的な内容は次のとおりです。 MySQL ダウ...
方法1: SET PASSWORDコマンドを使用するまずMySQLにログインします。フォーマット: ...
Nginx ngx_http_image_filter_module モジュール (nginx バ...
目次レプリケーション ロジックの簡単な概要:遅延の原因と解決策〇メインデータベースへの頻繁なDMLリ...
目次導入例要約する導入$属性すべての親コンポーネントのプロパティを継承します (props を通じて...