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アーキテクチャにおける関数呼び出しプロセスの簡単な分析
例:場所のルートとエイリアスルートディレクティブは、ルートによって設定されたディレクトリに検索ルート...
目次導入Next.jsプロジェクトを作成するNext.js プロジェクトを手動で作成するcreact...
序文Linux 運用保守エンジニアとして、日々の業務の中で Linux サーバーの CPU 負荷が ...
ユーザーとグループの管理1. ユーザーとグループの基本概念ユーザーとグループ:システム上のすべてのプ...
ウェブページの自動更新: <head></head> の間に次のコードを追加...
序文開発プロセスにおいて、変数の定義は非常に頻繁かつ基本的なタスクです。変数の使用シナリオと範囲に応...
MongoDBインストールYumを使用してインストールすることを選択する1. repoファイルを作成...
現在、多くの企業が割引コードを通じてプロモーションを行っています。今では、8桁の割引コードを実装して...
目次vue2.x vue3.x tiny-emitterプラグインの使用Mittプラグインの使用vu...
この記事では、JavaScriptキャンバスでミラーイメージ効果を実現するための具体的なコードを参考...
目次デコレータパターンの紹介TypeScript のデコレータデコレータの使用デコレーターファクトリ...
この初心者は、Docker を学び始めたばかりの頃にこのような問題に遭遇しました。記録しておきます。...
スクロール バーのスタイルを設定するための CSS 実装コードは次のとおりです。 •::-webki...
<br />2 年前に PPK が投稿した素晴らしいブログ記事では、contains()...
CSS の将来は非常に楽しみです。一方では、まったく新しいページ レイアウト方法であり、他方では、ク...