Heim >Web-Frontend >js-Tutorial >Codebeispiel für die Verwendung der Renderfunktion zum Generieren eines Bild-Popup-Fensters
Codebeispiel für die Verwendung der Renderfunktion zum Generieren eines Bild-Popup-Fensters
- 不言nach vorne
- 2019-04-02 11:04:502828Durchsuche
Der Inhalt dieses Artikels befasst sich mit dem Codebeispiel der Renderfunktion zum Generieren eines Bild-Popup-Fensters. Ich hoffe, dass es für Sie hilfreich ist.
Das Projekt listet Miniaturansichten auf und hat beschlossen, einen Doppelklick-Bild-Popup-Effekt zu erstellen. Das Projekt verwendet das iview-UI-Framework und die Modal-Komponente. Das Folgende ist der ursprüngliche Code für das von die Renderfunktion. Die Doppelklick-Aktion ruft die showLargeImage-Methode auf. Der Parameter h der ersten Pfeilfunktion in
showLargeImage(item){
console.log(111);
if(!item.img_url){
this.$Message('未获取到图片！');
return;
}
this.$Modal.confirm({
width:444,
render: (h) => {
return h('img', {
'class':'render_img',
attrs: {
src: this.api.baseURL+item.img_url,
width:400,
},
})
}
})
},
render ist der erste String-Parameter img von createElement ist die Bezeichnung.
Der zweite Parameter ist ein Objekt, das die Klasse des Bildes in src definiert. Die Breite des Bildes definiert die Breite der Bildanzeige.
[Verwandte Empfehlungen: JavaScript-Video-Tutorial]
Das obige ist der detaillierte Inhalt vonCodebeispiel für die Verwendung der Renderfunktion zum Generieren eines Bild-Popup-Fensters. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!