elementUI table中的button 操作


一.問題描述:(用的都是elementUI的組件)

在table中,用到image的大圖預覽。點擊預覽,進入預覽模式。效果如下所示:

圖一:表格

 

圖二:點擊預覽圖片所加載出來的彈出層

 

但是,我的fileId是點擊表格的圖片才能獲得,獲得之后fileId才加載出來,但是這兩個動作我是寫在同一步的,所以就會存在一個問題,當表格初始化完成后,第一次點擊表格中的預覽我的圖片並不會加載出來。

代碼:

 

二. 解決辦法:

在data中定義srcList時,不用直接空數組,而是

 

 在里面給一個空的初始值,這樣就解決了第一次點擊加載不出來的原因

預覽和獲得圖片的fileId是同一個動作,預先給srcList一個初始的空值

確保在第一次點擊的時候預覽圖片加載出來

 三.思路

方法很簡單,但這種思路我覺得很有意思,記錄一下。

 


免責聲明!

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



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