问题:Web组件使用loadData加载html内容时,部分内容加载失败空白显示

原因:

HTML内容中若包含#%\\?等特殊字符,会触发Web组件的转义机制,导致解析失败。例如CSS中的color:#000000需要处理。

解决方法:

  • 方案一:转义特殊字符(如将#转换为%23
  • 方案二:使用Base64编码(推荐):
const base64Str = util.Base64.encode(htmlStr);
this.controller.loadData(base64Str, "text/html", "base64");

 

posted @ 2025-10-10 12:00  听着music睡  阅读(9)  评论(0)    收藏  举报