使用elementUI元件來完成前台展示

使用elementui元件來完成前台展示，當然不是全部都用，有用到的時候，才用。

**：安裝cnpm i element-ui -s

快速上手

全域性配置,一次配置，全域性好用，缺點：不管你用不用，都載入進來了。

在src/main.js檔案中配置一下就可以了

//

全域性配置elementui元件
import elementui from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
vue.use(elementui);

預設按鈕

主要按鈕
成功按鈕
資訊按鈕
警告按鈕
危險按鈕
按需載入
# 安裝
babel
外掛程式cnpm install babel-plugin-component -d
在專案根目錄下面有乙個babel.config.js中配置如下
module.exports =]],

presets: [
'@vue/cli-plugin-babel/preset']
}
在元件，完成元件的顯示效果 不要在el- 後面首字母大寫 el-row el-button 就行了

import vue from 'vue'import  from 'element-ui'vue.use(row)

vue.use(button)
 
VUE全域性使用element ui元件
npm i element ui s import elementui from element ui import element ui lib theme default index.css vue.use elementui 搜尋 過程中遇到乙個bug import element ui li...
element ui 元件使用中遇到的問題
官方文件中，el progress 屬性 percentage 可選值範圍 0 100，超出會報錯。但是，對於某些應用場景，可能並不適用。如目標設定，可能完成度超出目標設定，大於100 但 element ui 似乎並不認為這是乙個 bug 解決思路 二次封裝 el progress。超出 100 ...
Element UI 的分頁元件
sizechange size 當使用者單擊任意頁碼或實現頁面跳轉時會觸發current page屬性的變化。currentchange current 擷取頁數 woekeralldata.slice pagenumber currentchangeindex 1 pagenumber curre...