我的代码中有一个image tag
,我想将Vaadin icon
(如lumo:undo
)用作img src
。
我将Vaadin 23
与lit Element
一起使用,并且可以访问后端类。
有人知道如何实现这一点吗
<img id="contact" src="${this.setVaadinIconAsImage()}" />
setVaadinIconAsImage(){
/* Create path to the Vaadin icon. I can even call the backend class to retrieve a vaadin-icon .svg path here. */
/* let contact = this.shadowRoot.querySelector("#contact");
contact.setAttribute("src", "lumo:undo");
*/
return "lumo:undo";
}
1条答案
按热度按时间1szpjjfi1#
Lumo图标作为图标字体分发,您不能使用字体字符作为图像源。
源SVG文件位于以下位置:https://github.com/vaadin/web-components/tree/main/packages/vaadin-lumo-styles/icons/svg
您可以将它们复制到项目中,然后在
src
属性中引用它们。