ホームページ  >  記事  >  WeChat アプレット  >  要約 - WeChat ミニ プログラムの開発中に遭遇したいくつかの問題

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

php是最好的语言
php是最好的语言オリジナル
2018-08-02 13:48:441647ブラウズ

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

data データの更新

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

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

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

必須

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

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

background-image

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

  • a1f02c36ba31691bcfe87b2722de723bで解決できます

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は直接バインドできません 中央のコンポーネントでは、

  • が89c662c6f8b87e82add978948dc499d2

<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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。