Uniapp-Code <Vorlage> <Ansicht> <image v-for="(item, i) in fileList" :key="item[urlKey]" :src="item[urlKey]"></image> </Ansicht> </Vorlage> <Skript> Standard exportieren { Requisiten: { urlSchlüssel: {Standard: 'url'}, Dateiliste: Array } } </Skript> Zum WeChat-Applet kompilieren <Ansicht> <block wx:for="{{Dateiliste}}" wx:for-item="Artikel" wx:for-index="i" wx:key="URL-Schlüssel"> <image src="{{item[urlKey]}}"></image> </block> </Ansicht> Es scheint, dass die Syntax von key="item[urlKey]" nicht unterstützt wird Lösung: <Vorlage> <Ansicht> <image v-for="(Element, i) in Dateiliste" :key="Schlüssel(Element)" :src="Element[URL-Schlüssel]"></image> </Ansicht> </Vorlage> <Skript> Standard exportieren { Requisiten: { urlSchlüssel: {Standard: 'url'}, Dateiliste: Array }, berechnet: { Schlüssel() { return e => e[dieser.URL-Schlüssel] } } } </Skript> Dies kann gelöst werden durch rechnerische Dies ist das Ende dieses Artikels über das Uniapp WeChat-Applet: Lösung für das Problem des Schlüsselablaufs. Weitere relevante Inhalte zum Schlüsselablauf des Uniapp-Applets finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! Das könnte Sie auch interessieren:
|
<<: Foreman Ubuntu16 Schnellinstallation
>>: Lösung für den Fehler bei der MySQL-Remoteverbindung
Vorwort Die Verwendung von CSS zum Generieren gep...
Konfigurationsschritte 1. Überprüfen Sie, ob DNS ...
Da ich immer vscode zur Entwicklung von Front-End...
In diesem Artikel werden anhand von Beispielen di...
Um mehrere Sites auf einem Server bereitzustellen...
In diesem Artikel sind die Schriftarten zusammeng...
Vor Kurzem habe ich Vue verwendet, um das Entwick...
Ich habe kürzlich an einem Projekt gearbeitet und...
1. Projektdokumente 2. Verwenden Sie HTML und CSS...
1 Einführung in HTML 1.1 Erste Erfahrungen mit Co...
FireFox ist ein weit verbreiteter Browser mit zah...
1. Legen Sie den übergeordneten Container auf ein...
CSS-Anzeigeeigenschaft Hinweis: Wenn !DOCTYPE ang...
Inhaltsverzeichnis Vorwort Was sind asynchrone It...
Traditionell erstellen Entwickler Eigenschaften i...