要約 - WeChat ミニ プログラムの開発中に遭遇したいくつかの問題

最近、小さなプログラムの演習を行っているのですが、遭遇した落とし穴を共有したいと思います

data データの更新

• this.data に値を直接代入すると、ビューにバインドされたデータを更新できません。データの不整合が発生します

• 更新するには this.setData を使用する必要があります

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

必須

• 当面は絶対パスはサポートされていません

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

background-image

• 静的を使用しないファイル、base64 とネットワーク イメージのみ

• で解決できます

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

コンポーネントのスタイル

• app.wxssはコンポーネントの内部に適用できません

• 必要に応じてインポートを引用できます: ""

@import "/app.wxss";

textarea

• textareaのデフォルトスタイルは固定幅です

イベントパラメータの受け渡し

• テンプレート内のイベントはパラメータを渡すことができません

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

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

animationを取得するには、event.currentTarget.datasetを使用してください

• animationは直接バインドできません 中央のコンポーネントでは、

• が

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

checkBox

のレイヤーでラップされています

• チェックボックスグループにバインドされたbindChangeイベント。チェックボックスイベントをクリックすると、外側のレイヤーもクリックされます。

• チェックボックスの周りにcatchイベントを追加します。 the view

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

関連記事:

WeChat ミニ プログラムの開発で遭遇した問題のまとめ

WeChat ミニ プログラムの開発で遭遇した問題のまとめ

関連動画:

WeChat の開発ミニプログラムのビデオチュートリアル

以上が要約 - WeChat ミニ プログラムの開発中に遭遇したいくつかの問題の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。