Vaadin 20正常使用的HTML图标升级至Vaadin 21后无法显示问题咨询
Vaadin 21版本HTML原生iron-icon图标空白问题原因
- 核心诱因是Vaadin 21对图标集的前端加载逻辑做了未在显性公开文档中明确标注的调整:取消了默认全局预加载Vaadin默认图标集的逻辑,改为组件触发的按需加载机制。
- Java API方式添加的图标可正常显示:Vaadin封装的Java
Icon组件在实例化并添加到组件树时,会自动向当前页面注入对应图标集的注册逻辑和资源引用,vaadin前缀的图标集被正常注册,因此图标可以正常渲染。 - 原生HTML编写的
<iron-icon icon="vaadin:check"></iron-icon>显示空白:直接编写的HTML标签不会触发上述的按需注入逻辑,页面全局上下文没有注册vaadin前缀对应的图标集映射,iron-icon组件无法匹配到对应图标资源,因此渲染为空白。
内容的提问来源于stack exchange,提问作者sammddltn
相关产品推荐
相关产品推荐

