layui upload上傳控制項動態載入後點擊失效的處理

  • 2019 年 10 月 25 日
  • 筆記

版權聲明:本文為部落客原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接和本聲明。

本文鏈接:https://blog.csdn.net/u011415782/article/details/95601001

  • 背景 今天遇到的情況是,在我的業務需求里,根據商品SKU資訊,動態生成一個表格 然後,每行有一個需要上傳縮略圖的 upload控制項 但是,最後發現點擊沒反應 場景如下:
  • 分析 通過參考網友的解釋,需要在動態生成數據後,要補充 upload.render()

註:本人的layui版本為: layui-v2.2.45 (不排除低版本不支援的情況哦)

  • 解決方法: —— 在動態拼接的邏輯js程式碼後,再補充upload.render()邏輯程式碼 截圖如下:
  • 附錄:
  1. 注意是補充 upload.render() 整體程式碼,個人測試,只是補充一句 layui.upload.render() 是無效的
  2. 個人覺得這樣是不合理的 如此一來,對於添加操作和修改操作,可能需要重複使用同一段程式碼,造成冗餘 可惜,沒找到其他的解決方法 …