elementUI的dialog無法獲取dom

2022-02-03 13:43:31 字數 879 閱讀 3679

1、問題描述:在彈框裡,有個table,我本意是想著在拿到資料渲染table後,利用setcurrentrow()方法讓第一行為預設選中高亮狀態,這就需要操作dom,然而這個dom在這裡根本拿不到,即使是加了this.$nexttick(()=>{})。

2、但是根據以往的經驗,我一般關閉dialog或者提交資料的時候都會呼叫dom進行清除資料或者驗證,所以根據ref來操作dom是沒有問題的(雖然我在dialog中直接獲取不到dom,但是點選事件中都能獲取到dom)

4、解決:我發現open事件就是個垃圾……正確姿勢是在給底部加上slot='footer',我之前一直都是刪掉的,覺得沒有用,footer這個b玩意是實時載入的,你說氣人不?

5、試一下:mounted()中可以直接列印this.$refs,created()中列印dom需要加上this.$nexttick()

6、總結:這個懶渲染區域有點像v-if,在開啟彈框前一直都拿不到dom的,點選事件一定是在開啟後你才能點得到按鈕的吧,所以點選事件可以拿到dom,なるほど

7、補充:解決第一條資料高亮可以設定   :class=""   ,設定firstrow的樣式後,控制isfirstrow的值為true還是false就行了

vue 封裝dialog 自己封裝dialog元件

在專案中我們常常要求各頁面樣式統一,所以在使用元件時封裝居多 使用方法 import customdialog from components customdialog index.vue dialogtitle 必傳,doconfirm 有提交按鈕必傳 如果內部引用form表單,可為設定通用樣式 ...

elementUI的表單校驗

參考 使用 只需要通過rules屬性傳入約定的驗證規則,並將 form item 的prop屬性設定為需校驗的欄位名即可。校驗規則參見 async validator 1.在from表單上配置屬性rules 2.資料模型中編寫校驗規則 pageformrules templateid pagenam...

Element UI 的分頁元件

sizechange size 當使用者單擊任意頁碼或實現頁面跳轉時會觸發current page屬性的變化。currentchange current 擷取頁數 woekeralldata.slice pagenumber currentchangeindex 1 pagenumber curre...