Uniapp WeChat-Applet: Lösung bei Schlüsselfehler

Uniapp WeChat-Applet: Lösung bei Schlüsselfehler

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:
  • So verwenden Sie ECharts in WeChat Mini-Programmen mit uniapp
  • Uniapp WeChat-Applet realisiert mehrere Countdowns auf einer Seite
  • uniapp, Probleme bei der Verwendung von MQTT in WeChat-Applets
  • Das WeChat-Applet Uniapp realisiert den Löscheffekt durch Wischen nach links (vollständiger Code)

<<:  Foreman Ubuntu16 Schnellinstallation

>>:  Lösung für den Fehler bei der MySQL-Remoteverbindung

Artikel empfehlen

So implementieren Sie eine steuerbare gepunktete Linie mit CSS

Vorwort Die Verwendung von CSS zum Generieren gep...

So entwickeln Sie Uniapp mit vscode

Da ich immer vscode zur Entwicklung von Front-End...

Sammlung von 25 Schriftarten, die in berühmten Website-Logos verwendet werden

In diesem Artikel sind die Schriftarten zusammeng...

JavaScript implementiert das Topfschlagen-Spiel von Gray Wolf

1. Projektdokumente 2. Verwenden Sie HTML und CSS...

Einführung in HTML für Frontend-Entwickler

1 Einführung in HTML 1.1 Erste Erfahrungen mit Co...

So importieren und exportieren Sie Cookies und Favoriten in FireFox

FireFox ist ein weit verbreiteter Browser mit zah...

So erreichen Sie ein zentriertes Layout im CSS-Layout

1. Legen Sie den übergeordneten Container auf ein...

Detaillierte Erklärung asynchroner Iteratoren in nodejs

Inhaltsverzeichnis Vorwort Was sind asynchrone It...

Das Lazy-Loading-Attributmuster in JavaScript verstehen

Traditionell erstellen Entwickler Eigenschaften i...