序文:vue3.0の要素フレームワークを使用します。要素はvue2.0をサポートしており、vue3.0をサポートするバージョンはelement-plusと呼ばれます。 公式サイト入口:ここをクリックして入場 1. 個人的な問題と解決策:発生した問題: cnpm i element-plus -Sを使用してバージョンを直接インストールしました。理由はわかりませんが、エラー図1、バージョンモデル図2が報告され続け、私のコードは図3を使用しています。 解決: package.json の element-plus のバージョンを以下の文に変更したところ、問題は解決しました (最新バージョンの問題かどうかはまだ検証中です) "要素プラス": "^1.0.1-alpha.19", 2. 特定の用途1. グローバル紹介: main.js に追加: 'element-plus/lib/theme-chalk/index.css' をインポートします。 'element-plus' から ElementPlus をインポートします const app = createApp(App) app.use(ElementPlus) app.use(store).use(router).mount('#app') ページ上での通常の使用 2. オンデマンドインポート: (1) (2)新しいフォルダpluginsを追加し、新しい設定ファイルelement.jsを作成します。 輸入 { // エルアラート、 エルアサイド、 // ElAutocomplete、 // エラバター、 // エルバックトップ、 // エルバッジ、 // エルブレッドクラム、 // Elブレッドクラムアイテム、 エルボタン、 // ElButtonGroup、 // エルカレンダー、 // エルカード、 // エルカルーセル、 // ElCarouselItem、 // エルカスケーダー、 // ElCascaderPanel、 // Elチェックボックス、 // Elチェックボックスボタン、 // ElCheckboxGroup、 // エルコル、 // エルコラプス、 // ElCollapseItem、 // ElCollapseTransition、 // ElColorPicker、 エルコンテナ、 // ElDatePicker、 // エルダイアログ、 // エルディバイダー、 // エルドローワー、 エルドロップダウン、 Elドロップダウンアイテム、 Elドロップダウンメニュー、 // エルフッター、 エルフォーム、 ElFormItem、 エルヘッダー、 // エルアイコン、 // エルイメージ、 エル入力、 // ElInputNumber、 // エルリンク、 エルメイン、 エルメニュー、 エルメニュー項目、 ElMenuItemGroup、 // Elオプション、 // ElOptionGroup、 // ElPageHeader、 // ページネーション、 ElPop確認、 // エルポポバー、 エルポッパー、 // エルプログレス、 // エルラジオ、 // ラジオボタン、 // エルラジオグループ、 // エルレート、 // エルロウ、 // エルスクロールバー、 // ElSelect、 // エルスライダー、 // エルステップ、 // エルステップス、 Elサブメニュー、 // エルスイッチ、 エルタブペイン、 エルタブ、 // エルテーブル、 // ElTableColumn、 // エルタイムライン、 // Elタイムラインアイテム、 Elツールチップ、 // エルトランスファー、 // エルツリー、 // エルアップロード、 // 無限スクロール、 // ElLoading、 // エルメッセージ、 エルメッセージボックス、 エル通知 } 'element-plus' より 'element-plus/lib/locale/lang/zh-cn' から lang をインポートします。 'element-plus/lib/locale' からロケールをインポートします。 エクスポートデフォルト(アプリ)=> { ロケールの使用(言語) app.use(エルボタン) app.use(ElNotification) app.use(ElContainer) app.use(エルアサイド) app.use(ElHeader) app.use(ElMain) app.use(ElDropdown) app.use(ElDropdownItem) app.use(ElDropdownMenu) app.use(ElTabPane) app.use(ElTabs) app.use(エルメニュー) app.use(ElMenuItem) app.use(ElMenuItemGroup) app.use(Elサブメニュー) app.use(エルツールチップ) app.use(ElPopper) app.use(ElPopconfirm) app.use(ElMessageBox) app.use(ElInput) app.use(ElForm) app.use(ElFormItem) } (3)main.jsでの設定 (4)通常の要素と同じように使用する 要約するvue3.0 での要素の使用に関するこの記事はこれで終わりです。vue3.0 での要素の使用に関するより関連性の高いコンテンツについては、123WORDPRESS.COM で以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: Linux で txt を mysql にインポートする方法
>>: MySQLが大量のデータを処理する際にクエリ速度を最適化するいくつかの方法
これで、autocomplete と呼ばれる input の属性を使用できるようになりました。オート...
序文プロジェクト開発では、アイコンを使用する方法はたくさんあります。iconfont で適切なアイコ...
目次1. デカルト積現象2. 接続クエリの知識ポイントのまとめ1) 結合クエリとは何ですか? 2) ...
目次1 ストレステストの指標1.1 秒あたり1.2 クォータ1.3 平均処理時間(RT) 1.4 同...
この記事では、ドラミング効果を実現するためのJavascriptの具体的なコードを参考までに紹介しま...
第 1 章<br /> Web ページをユーザーにとって使いやすいものにするための最も重...
はじめに: Web ページを作成するときに、画像をアップロードする必要がある場合がよくあります。画像...
目次序文子コンポーネントは親コンポーネントにデータを渡す1. 親コンポーネントから子コンポーネントに...
HTML メタビューポート属性の説明ビューポートとはモバイル ブラウザは、Web ページを仮想の「ウ...
質問: <form...> の下の <input type="hidde...
ローカル データベースに接続すると、Navicat for MySQL は以下のように 1045 エ...
Linux は iftop を使用してネットワーク カードのトラフィックをリアルタイムで監視します。...
この記事の例では、テーブルを動的に生成したり行を削除したりするためのJavaScriptの具体的なコ...
序文少し前に、興味深い問題を目にしました。Vue のデータが変更された後に、ビューを同期的に更新する...
目次イベント駆動型とパブリッシュ・サブスクライブ型ブラウザの JavaScript ではイベント駆動...