這次帶給大家Vue如何加入element UI的元件,Vue加入element UI的元件的注意事項有哪些,以下就是實戰案例,一起來看一下。
根據文件.按需載入模組需要設定(若不是按需載入則不用改這個檔案) .babelrc檔;
er1vue-cli預先產生的檔案內容是:
{ "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } }], "stage-2" ], "plugins": ["transform-vue-jsx", "transform-runtime"] }
ElementUI 官網說明更改配置為:
{ "presets": [ ["ES-2015", { "modules": false }] ], "plugins": [["component", [ { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ]]] }
實際上node在npm run dev是會報錯的,官方推薦babel-preset-env 來替代es-2015來編譯;
在vue2.x中如何使用?如何設定? 注意了,是在如何檔案main.js中加入,例如我們想使用時間選擇元件;
import { DatePicker} from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(DatePicker);
#這樣就ok;在其他任一頁面就直接可以使用了, 例如
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
以上是Vue如何加入element UI的元件的詳細內容。更多資訊請關注PHP中文網其他相關文章!