Vue3がリリースされてからしばらく経ちますが、elementもvue3と互換性のあるバージョンにアップデートしました。ここではelement-plusの使い方を簡単に紹介します。 1. インストールnpm インストール element-plus --save 2. main.jsにインポートする'vue' から {createApp, Vue} をインポートします。 'element-plus' から ElementPlus をインポートします。 'element-plus/dist/index.css' をインポートします。 './App.vue' からアプリをインポートします。 const app = createApp(App) app.use(ElementPlus) app.mount('#app') 3. 使用ここではボタンを使用します <el-行> <el-button>デフォルトボタン</el-button> <el-button type="primary">プライマリボタン</el-button> <el-button type="success">成功ボタン</el-button> <el-button type="info">情報ボタン</el-button> <el-button type="warning">警告ボタン</el-button> <el-button type="danger">危険ボタン</el-button> </el-row> 詳細については公式ドキュメントを参照してください Vue3 で element-plus を使用する方法についての記事はこれで終わりです。Vue3 で element-plus を使用する方法についての詳細は、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: uni-app で scss を使用するサンプル コード
>>: ARMアーキテクチャにおける関数呼び出しプロセスの簡単な分析
目次1. プロセスの基本的な概要2. プロセスの構成要素3. プロセス環境4. プロセスステータス5...
CentOS 8 がリリースされてから随分経ちました。Linux 仮想マシンをいじっている人間として...
<br />テキストデザインでは、通常、テキストのレイアウト、つまりテキストをより美しく...
場合によっては、リモート マシンでいくつかのコマンドを実行する必要があることがあります。これが時々行...
PHPのメール関数を使用してメールを送信するmail()関数はメールサーバーに接続し、サーバーと対話...
JSON (JavaScript Object Notation、JS Object Notatio...
目次原理ソースコード分析委任されたイベントバインディングすべてのサポートされているイベントを聴くネイ...
最近、データベースについて学び始めました。最初にやったことは、データベースとは何か、データベースとデ...
概要通常、データベース内のデータを直接表示することは望ましくないため、最後の 2 つのセクションでは...
この記事では、3D テキストのホバー変更効果を実現するための CSS3 のサンプル コードを紹介しま...
場合によっては、MySQL が公式に提供しているテスト ライブラリに基づいてテスト データを作成し、...
目次メモリプールの概要1. nginxデータ構造2. nginxはOSからスペースngx_creat...
1. レビューMySQL の起動後にバッファ プールが初期化されます。バッファ プールは N 個の空...
目次概要1. Refsオブジェクトの作成1.1 React.createRef() 1.2React...
今日は、Taobao、JD.comなどのショッピングモールでよく使われている、小さな画像の上にマウス...