Vue使用Element UI使用彈窗內崁table的高度問題

  1. 問題:
  2. 解決方法:

問題:

當使用彈窗嵌套tabel,table的資料是點擊查詢後回顯到表單的時候,首次點擊彈窗顯示只會顯示一行表格的高度

解決方法:

思考為何只有首次點擊才會有高度問題,是點擊彈窗並查詢資料時,資料尚未回顯到table中,所以彈窗只顯示一行的高度,待資料回寫後就變得怪怪的,解決方法為將彈窗設定延遲時間,待資料回顯後再彈窗

最後完成的代碼如下:

methods: {
    //點擊查看時操作
    handleCheck(row){
        this.fetchOrderQueryData({'lineId': row.lineId})
        //將彈窗設定延時,先等資料查完再顯示表單,否則彈窗高度會只有一行
        setTimeout(() => {
            //顯示彈窗
            this.dialogFormVisible_check = true;
        }, 100);
    }
}

轉載請注明來源,歡迎對文章中的引用來源進行考證,歡迎指出任何有錯誤或不夠清晰的表達。可以郵件至 b8954008@gmail.com