vue-cli4.x按需引入emement
阿新 • • 發佈:2021-01-31
技術標籤:vue
1.使用npm安裝element-ui
npm i element-ui -S
2.安裝 babel-plugin-component
npm install babel-plugin-component -D
3.將babel.config.js修改為:
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset' //跟官網的不同
],
"plugins": [
[
"component",
{
"libraryName" : "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
4.按需引入/註冊部分元件
//element.js
import Vue from 'vue';
import { Button,Form} from 'element-ui';
Vue.use(Button)
Vue.use(Form)
5.使用InfiniteScroll 無限滾動報錯
安裝vue-infinite-scroll
npm install vue-infinite- scroll --save
引入
import infiniteScroll from "vue-infinite-scroll";
Vue.use(infiniteScroll);