vue父子件,子件頁面table數據列按條件顯示不同的內容


需求:在父件中點擊按鈕。子件彈框中,table列根據條件顯示不同的數據

實現思路:點擊按鈕,執行不同的方法,方法中參數值不同,從而展示不同的columns。

父件按鈕如下圖:

 父件中導入子件需要注意的三個地方:

 點擊按鈕后執行的方法如下:

 

 父件要用props傳遞參數給子件,所以子件中要用props定義對應的參數

 子件中的接口調用如下:使用queryParam封裝查詢條件

 最后進行判斷,在columns中定義自己要顯示的數據列,

 

 注:我是一個前端大白,現在是屬於邊工作邊積累的一個狀態。這對於前端開發人員來說很簡單,但我才開始接觸前端,所以主要還是想記錄一下這些東西。俗話說:好記性不如爛筆頭,我希望自己可以通過這種方式有所進步。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM