コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > Vue で要素 UI コンポーネントを追加する方法

Vue で要素 UI コンポーネントを追加する方法

php中世界最好的语言
リリース： 2018-03-10 15:13:07
オリジナル
3463 人が閲覧しました

今回は、Vue に要素 UI コンポーネントを追加する方法を説明します。Vue に要素 UI コンポーネントを追加するときの 注意点とは何ですか? 以下に実際のケースを示します。

ドキュメントによると、オンデマンド読み込みモジュールを設定する必要があります(オンデマンドでロードされない場合、このファイルを変更する必要はありません)。

er1vue-cliで事前に生成されたファイルの内容は次のとおりです。 : 

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime"]
}
ログイン後にコピー

ElementUI 公式 Web サイトの説明では、構成が次のように変更されます: 

{  
"presets": [   
       ["ES-2015", { "modules": false }] 
  ], 
 "plugins": [["component", [ 
      {     
        "libraryName": "element-ui",    
        "styleLibraryName": "theme-chalk"   
      }
  ]]]
 }
ログイン後にコピー

実際、npm が dev を実行すると、ノードはエラーを報告します。公式の推奨事項は、コンパイル用に es-2015 を置き換える babel-preset-env です。 vue2.x で使用しますか? 設定方法は次のとおりです

main

.js に追加します。たとえば、時間選択コンポーネントを使用します。 element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use( DatePicker);

これは、

この記事の事例を読んだ後は、この方法を習得したと思います。さらにエキサイティングな内容については、php 中国語 Web サイトの他の関連記事にご注意ください。 関連書籍:

ES6 のセットデータ構造とマップデータ構造

ES6 オブジェクトの割り当てとシンボル

以上がVue で要素 UI コンポーネントを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
element に追加 コンポーネント
ソース：php.cn
前の記事：jsのデータ型変換例 次の記事：jsを使ってチェックボックスの値を取得する
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
React Router のネストされたルーティングと検索パラメーターの使用 ネストされた React ルートで検索パラメーターを使用する場合、/app 上で、/app/user に移動するリンクをクリックした後、ナビゲーションが機能しません。ネストせずに試...
から 2024-04-05 13:48:33
0
1
1475
Vuex パラメータの受け渡し this.$store.commit('deleteCheckboxItems',response.data.items.forEach(element=>{element....
から 2024-04-03 22:36:08
0
2
334
最近クリックした要素にクラスを割り当てる TailwindCSS を使用してスタイル設定された次のようなカレンダーがあります。現在 8 Wednesday をクリックしているため、ピンクの背景とピンクの影が付いています。 ...
から 2024-04-03 16:36:09
0
1
336
要素内で複数の項目を整列する: ステップバイステップのガイド 一つの要素内に異なるアイテムを並べたい！ Elementにフレックスボックスを与えて中の項目を自分で調整してみました！しかし、正しく反応しません！リスト項目は、左のリンクが左側に、...
から 2024-04-01 23:21:40
0
2
366
テキスト領域を切り替えて、HTML コードとプレビューを切り替えます。 テキストエリアを使ってHTMLコードとプレビューHTMLを切り替えたいのですが、HTMLをクリックすると隠れていたテキストエリアのコードが表示され、再度HTMLをクリックすると再度...
から 2024-03-31 11:52:47
0
1
348
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート