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

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

Komponentenstil<🎜 gelöst werden >

• 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<🎜 zu erhalten >

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

• <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!