使用element-ui踩坑之旅(一)

在18年末開始嘗試使用element-ui,使用後感受解放了雙手通常。css

同時在使用過程當中,也陸續踩過很多的坑,在這裏開個坑,不時的記錄一下node

 

1. element走馬燈--取消自動播放npm

用官網上提供的autoplay不起做用,將interval設置爲0方可element-ui

 

 

2. input中驗證只能輸入數字post

在v-model後邊加上.number只能如今不能以非數字開頭,用type="number"能夠解決ui

在後臺返數據的時候也許返回的是字符串類型的數字,因此在賦值的時候須要判斷一下數據類型3d

 

 

3. form表單驗證
場景:在打開編輯彈窗時利用$nextTick()對輸入框進行賦值,而後保存時快速屢次點擊保存按鈕,orm

在下次打開編輯窗口時,input中的內容正確可是驗證報紅。blog

解決辦法:在打開的時候利用clearValidate對文本框中的驗證進行重置(此次重置也是在$nextTick()中,或者按照代碼順序卸載$nextTick()後面,不是裏邊,總之不能卸載$nextTick()上邊;不能利用resetField()不然內容將被清空)element

注:form表單中的model和ref儘可能要寫成同樣的,不然可能會出錯

 

 

4.

初始化項目時,報錯:Error: No PostCSS Config found in: /Users/zanzanya/node_modules/element-ui/lib/theme-chalk
     解決辦法: 在根目錄 新建在項目根目錄新建postcss.config.js文件,並對postcss進行配置:
     前提是: install 了 postcss-loader      

     命名:    npm install postcss-loader 

    問題是這樣配置仍是不行!!!, 嘗試各類命令,無解. 而後我新建了一個項目,從新新建Vue項目,再次引入Element組件,搞定~

  

相關文章
相關標籤/搜索