必要:ハードコードされたデータの代わりに、セレクター内のオプション値の動的な表示を実装します。私のロール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 用インストール ガイド
Excel は、データ分析に最もよく使用されるツールです。この記事では、MySQL と Excel ...
JDBC が MySQL に接続して中国語を処理するときに文字化けする問題の解決方法の詳細説明最近、...
1. 背景日常的なウェブサイトのメンテナンスでは、このような要件に頻繁に遭遇します。特定のクローラー...
1. ローカルマシンを監視するためにZabbixエージェントをインストールするエージェントソフトウェ...
この記事では、WindowsでのMySQL 8.0.12のインストール手順と使用方法のチュートリアル...
目次1. Promise とは何ですか? 2. なぜ Promise が存在するのでしょうか? 3つ...
この記事では、例を使用して、MySQL クエリのソート関数とクエリ集計関数の使用方法を説明します。ご...
crontabをインストールするyum install crontabs CentOS 7が付属して...
成果を達成する実装コード <h1>123WORDPRESS.COM</h1>...
コードは次のようになります。 <!DOCTYPE html> <html lang...
方法 1: 設定ファイルを変更する (docker サービスを停止する必要があります) 1. doc...
CSS3 アニメーションで実現したシンプルでクールな効果。最終的な効果は次のようになります。 ページ...
開発プロセス中によく発生する問題は、div のサイズ変更をどのように監視するかということです。たとえ...
今日、IE8 をインストールしました。ダウンロードするために Microsoft の Web サイト...
目次CentOS rpm のインストールと Nginx の設定導入rpm パッケージのインストールサ...