Zusammenfassung – Einige Probleme, die bei der Entwicklung von WeChat-Miniprogrammen aufgetreten sind

Ich habe kürzlich kleine Programme geübt und möchte die Fallstricke teilen, auf die ich gestoßen bin.

Datendatenaktualisierung

• Es ist unmöglich, einen Wert direkt zuzuweisen to this.data Das Aktualisieren der an die Ansicht gebundenen Daten führt zu Dateninkonsistenzen

• Sie müssen this.setData zum Aktualisieren verwenden

this.data.key = value
this.setData({
  key: value
})

erforderlich

• Absolute Pfade werden vorerst nicht unterstützt

const util = require('../../utils/util.js')

Hintergrundbild

• Statisch Dateien können nicht verwendet werden, nur Base64 und Netzwerk können verwendet werden. Bild

• kann mit a1f02c36ba31691bcfe87b2722de723b

background: #fff url(data:image/jpeg;base64,***)
<image class="logo" src="/images/logo.png" mode="cover"></image>

Komponentenstil

• app.wxss Der Stil kann nicht auf die Innenseite der Komponente angewendet werden

• kann bei Bedarf in Anführungszeichen gesetzt werden import: ""

@import "/app.wxss";

textarea

• Der Standardstil von textarea hat eine feste Breite

Ereignisübergabeparameter

• Ereignisse in der Vorlage können keine Parameter übergeben

• Verwenden Sie event.currentTarget.dataset, um

<view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view>

Page({
  tapName(event) {
    console.log(event.currentTarget.dataset.hi)
  }
})

Animation

Animation kann nicht direkt an die Komponente gebunden werden
Mit einer Ebene umschlossen89c662c6f8b87e82add978948dc499d2

• <view animation={{animation}}>
    <my-component></my-component>
  </view>

checkBox

bindChange-Ereignis, das an die Checkbox-Gruppe gebunden ist. Wenn wir auf das Kontrollkästchen klicken, sprudelt das Ereignis hervor, wodurch auch auf die äußere Ebene geklickt wird
Die checkBox wird mit einer Ansicht umschlossen und der Ansicht wird ein Catch-Ereignis hinzugefügt

• <checkbox-group bindchange="checkboxChange">
    <view bindtap="bindTap">
      <view catchtap=&#39;catchTap&#39;">
       <checkbox value="{{value}}" checked="{{checked}}"/>
      </view>
    </view>
  </checkbox-group>

Verwandte Artikel:

Eine Zusammenfassung der Probleme bei der Entwicklung von WeChat-Miniprogrammen aufgetreten

Eine Zusammenfassung der Probleme, die bei der Entwicklung von WeChat-Miniprogrammen aufgetreten sind

Ähnliche Videos:

Video-Tutorial zur Entwicklung von WeChat-Miniprogrammen

Das obige ist der detaillierte Inhalt vonZusammenfassung – Einige Probleme, die bei der Entwicklung von WeChat-Miniprogrammen aufgetreten sind. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!