国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

element UI 按需引入

這篇具有很好參考價值的文章主要介紹了element UI 按需引入。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

1、npm安裝【全局安裝element】? ?

npm i element-ui -S

2、按需引入,借助??babel-plugin-component,

????????2.1、首先安裝?babel-plugin-component,

npm install babel-plugin-component -D

????????2.2、將.babelrc修改為:【是項目中的babel.config.js文件】

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

? ? ? ? 2.3、在main.js中引入需要的組件

比如:Button,Select

//引入需要的組件
import { Button, Select } from 'element-ui';

//使用組件
Vue.component(Button.name, Button);
Vue.component(Select.name, Select);

????????2.4、或者掛載在原型上使用


//引入組件
import {MessageBox } from 'element-ui';

//掛載到原型上使用
Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$alert = MessageBox.alert;

注意:如果依賴下載不了,在每行命令后面加上??文章來源地址http://www.zghlxwxcb.cn/news/detail-599370.html

--legacy-peer-deps

到了這里,關(guān)于element UI 按需引入的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • element UI 按需引入

    1、npm安裝【全局安裝element】? ? 2、按需引入,借助??babel-plugin-component, ????????2.1、首先安裝?babel-plugin-component, ????????2.2、將.babelrc修改為:【是項目中的babel.config.js文件】 ? ? ? ? 2.3、在main.js中引入需要的組件 比如:Button,Select ????????2.4、或者掛載在

    2024年02月16日
    瀏覽(24)
  • element-ui按需引入

    element-ui按需引入

    1、安裝elment-ui組件庫 官方網(wǎng)站 在項目的根目錄下安裝 element-ui 官方網(wǎng)頁: 2、找到官方文檔 官方網(wǎng)站 3、安裝 babel-plugin-component 在你的項目根目錄下運(yùn)行該: 如: 4、修改 .babelrc 配置文件 vue-li 的 .babelrc 文件里為 babel.config.js 原來的 babel.config.js 文件: 修改后的 babel.config.j

    2024年02月04日
    瀏覽(21)
  • 引入element-ui步驟(按需引入和全局引入)

    兩種引入方式 1)完整引入 2)按需引入 借助 babel-plugin-component,我們可以只引入需要的組件,以達(dá)到減小項目體積的目的。 a)先安裝 babel-plugin-component: b)修改 babel.config.js 的內(nèi)容 c)創(chuàng)建文件 element.js(名字自定義) d)最后在main.js中添加代碼

    2024年02月16日
    瀏覽(28)
  • uni-app(Vue3/Vite) + vant UI(Vue3版本)+ js 按需引入的項目搭建

    uni-app(Vue3/Vite) + vant UI(Vue3版本)+ js 按需引入的項目搭建

    ????????因為要完成軟件工程的項目,要做一個nativeApp,看了很多的技術(shù)文檔以后決定使用多端兼容的uni-app來開發(fā)。組件方面的話最后決定使用目前比較火的Vant UI。但是看了CSDN和掘金上面的很多文章,似乎沒有一篇是關(guān)于uni-app中使用Vite對vant組件進(jìn)行按需引入(可能這個

    2023年04月09日
    瀏覽(93)
  • 解決element-ui按需引入使用message報錯

    解決element-ui按需引入使用message報錯

    ?報錯如上圖所示 接下來告知解決方法 ,下方操作均在main.js中 ? 在單獨(dú)按需引入element組件時,message組件需要掛載到Vue全局對象上,而不是用 Vue.use(Message) ,這是message組件與其他組件不同的地方。其中與之相同、需要掛載到Vue全局對象上的,還有confirm組件。

    2024年02月11日
    瀏覽(25)
  • vue3 vue.config.js配置Element-plus組件和Icon圖標(biāo)實現(xiàn)按需自動引入

    vue3 vue.config.js配置Element-plus組件和Icon圖標(biāo)實現(xiàn)按需自動引入

    打包時,報警告,提示包太大會影響性能 在頁面直接使用,直接使用 SVG 圖標(biāo),當(dāng)做一般的 svg 使用 icon使用時需要用以下兩種方式方式: 如果用在el-button里面的icon屬性上使用,用SVG方式無效,還是需要引入再使用(不知道有沒有其他方式) 注意: 使用 :icon=\\\"Edit\\\" 則icon的大

    2024年02月06日
    瀏覽(108)
  • Element組件完整引入、按需引入、樣式修改(全局、局部)、簡單安裝less以及npm命令證書過期等

    Element組件完整引入、按需引入、樣式修改(全局、局部)、簡單安裝less以及npm命令證書過期等

    npm i element-ui -S 在 main.js 中寫入以下內(nèi)容: 以上代碼便完成了 Element 的引入。需要注意的是,樣式文件需要單獨(dú)引入。 借助 babel-plugin-component,我們可以只引入需要的組件,以達(dá)到減小項目體積的目的。 首先,安裝 babel-plugin-component: npm install babel-plugin-component -D 然后,將

    2024年01月23日
    瀏覽(29)
  • 【Vue框架】Vue2中element-ui/mint-ui組件庫——element-ui引入組件以及使用案例、mint-ui引入組件及使用案例

    【Vue框架】Vue2中element-ui/mint-ui組件庫——element-ui引入組件以及使用案例、mint-ui引入組件及使用案例

    element-ui 提供了大量的組件,如:布局組件、表單組件、JS組件等等。 Element-ui官網(wǎng): https://element.eleme.cn/#/zh-CN 安裝 Element-ui: npm i element-ui -S 1.1.1 引入組件 引入 Element 完整引入(在 main.js 中寫入以下內(nèi)容): 按需引入 借助 babel-plugin-component,我們可以只引入需要的組件,以達(dá)到

    2024年02月07日
    瀏覽(33)
  • 【VUE】4、VUE項目中引入Element-UI

    1、element-ui 官方文檔(中文版) 2、安裝 element-ui 1、進(jìn)入項目目錄下 2、安裝 element-ui 注意: VUE2 使用的是 element-ui,VUE3 使用的是 element-plus 3、引入 element-ui(完整引入) 1、打開 main.js 文件 在 main.js 文件中,引入 element-ui 2、注冊 element-ui 以上代碼便完成了 Element 的引入。需

    2024年02月01日
    瀏覽(28)
  • vue和 element ui下載到本地后引入

    vue和 element ui下載到本地后引入

    一到vue官網(wǎng),直接下載vue.js的包 二:element ui下載到本地 1:打開命令提示符,可以自己切換 這里我選擇的是D盤 2:輸入命令 npm i element-ui -S 下載element包 3:下載成功后可以看到有個node_modules 文件夾 4:打開文件 找到 node_modules/element-ui/lib 下的index.js 文件復(fù)制出來 5:打開文件

    2023年04月08日
    瀏覽(18)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包