vue elementUI遇到的問題

2022-07-21 05:12:14 字數 888 閱讀 8680

二次封裝el-dialog中遇到的問題和解決:

二次封裝el-table的思路

值得注意的是:

(1)表頭是固定的,由於table是按列渲染,data即為該**中需要的tabledata,所以表頭中的項數為該**的列數。此處不要忘記操作按鈕的存在,由於**中所做基本操作為增刪改查,並且操作按鈕多放在最後一列,此處將操作按鈕單獨作為**配置的一項options存在。

(2)由於**中的單獨的某一列可能需要實現點選跳轉,可以模擬操作按鈕,給單獨的這一項中傳入option配置,但是如此配置會影響**該列的排序,**提供的sortable,會顯示不出排序按鈕。目前所做處理是,需要同時滿足排序和點選跳轉的列使用**提供的單個單元格被點選觸發的事件cell-click,結合cell-class-name更改需要被點選的列的事件處理和樣式新增

3. 二次封裝el-form的思路

4. echarts的使用

需要在點選tab切換的時候重新初始化圖表,即呼叫echart的resize方法

需要在setoption使用之後新增window.onresize()事件,在裡面執行myechats.resize()

在series中的每項去掉stack屬性即可(其他方式:將stack的屬性值改為不一樣的 ps:暫未嘗試,不知是否可行)

5. 路由懶載入引發的問題:

router.onerror中強制重新整理頁面

6. element-ui中排序的問題:

7. select元件在頁面顯示自動觸發驗證的問題:

此處需要注意:

如果是彈窗出現表單的話,重置校驗的操作最好是在this.$nexttick中執行,保證表單元素掛載完畢

8. 當 el-form 表單內只有乙個 el-input 輸入框時,在輸入框內回車就會觸發表單的提交事件,觸發頁面重新整理

vue element ui遇到的問題

問題 vue warn attrs is readonly.vue warn listeners is readonly.複製 原因 vue版本和element ui中引用的vue版本衝突,解決辦法是安裝相同版本的vue.另外 vue template compiler 這個外掛程式也安裝和vue相...

Vue Element UI 的表單居中

在vue中,為了避免父元件的樣式影響到子元件的樣式,會在style中加子元件 我們在加了 scoped 之後樣式會自動新增乙個hash值。title data v 311f121a title data v 122f242b 但是這樣也存在著乙個問題,比如你使用了別人的元件或者自己開發乙個元件,有時...

vue elementUI專案搭建

安裝node 基於node之npm環境下操作vue,所以先部署node 安裝gitwget http 7 extras x86 64 packages epel release 7 11.noarch.rpm yum install y epel release 7 11.noarch.rpm yu...