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. Linuxディストリビューションの選択2.vmwareが仮想マシン(centos)...
目次序文グラフィックドライバーをインストールするCUDAをアンインストールするCUDAをインストール...
Vue におけるストアの最も単純な応用はグローバル ストレージです。ここでは、相互にジャンプするため...
序文vue3 を使った例をいくつか書いてみましたが、Vue3 のコンポジション API はよく設計さ...
目次1. 基本概念の紹介2. ネットワークIOの読み取りと書き込みのプロセス3. 5つのLinuxネ...
1. MySQLデータベースのエンコーディングを確認する mysql -u ユーザー名 -p パスワ...
1例: 図1のフィールドを図2に分割するには アカウントIDを選択、 サブストリングインデックス(サ...
通常、CSS セレクターは上から下に選択し、親要素を介して子要素を選択します。では、子要素を介して親...
目次1.MySQLデータ構造2. テーブルファイルのサイズは変更されておらず、MySQLの設計に関連...
1.1 iptablesファイアウォールの概要Netfilter/Iptables (以下、Ipta...
CentOS6.7にmysql5.7.18をインストールする 1. /usr/localディレクトリ...
CSS3 は、要素の 2D 平面変換と視覚的な 3D 空間変換を実装します。2D 変換はより頻繁に使...
今日、Tomcat サーバーの設定時にちょっとした問題が発生したので、参考までにいくつかご説明したい...
オリジナルリンク: https://vien.tech/article/157序文この記事では、Ub...
HTML に画像を挿入するには、画像を表示するための HTML タグが必要です。これは、img タ...