1. 程式人生 > 其它 >vue-cli4.x按需引入emement

vue-cli4.x按需引入emement

技術標籤: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);