Codebeispiel für die Verwendung der Renderfunktion zum Generieren eines Bild-Popup-Fensters

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!