微信ウィジェット開発で発生した問題と解決方法

app.json

データを追加できないウィーチャットウィジェットの各ページの「パス+ページ名」はappに書く必要がある.jsonのpagesでは、pagesの最初のページがウィジェットのトップページです.(複数ページの場合、この順序を変更してデバッグ)

wx:for

コンポーネント上でwx:for制御プロパティを使用して配列をバインドすると、配列内の各データを使用してコンポーネントを繰り返しレンダリングできます.デフォルト配列の現在のアイテムの下付き変数名はindex、配列現在のアイテムの変数名はitem

です.

  {{index}}: {{item.message}}

行の要素.直接margin値を設定するのは無効で、display:blockを同時に規定する必要があります
データバインド後の動的変更
dataで{{あるデータ}}のバインドオブジェクトを指定した後、このバインドされたデータをバインドされた変数の変更に伴って変更することはできません.このバインドされたデータを修正するには、出発データ修正イベントにdataSetを追加する必要があります.

 Hello {{name}}!  Click me! 

// This is our App Service.
// This is our data.
var helloData = {
  name: 'WeChat'
}

// Register a Page.
Page({
  data: helloData,
  changeName: function(e) {
  // sent data change to view
  this.setData({
  name: 'MINA'
  })
  }
})

フォームの提出とデータの取得
フォームにコミットイベントbindsubmitをバインドし、buttonでform-typeをsubmitに設定します.e.detail.value.textareaは入力した内容を取得できます.注意:wxmlでは、textareaのname値はtextareaでなければなりません.変更できません.そうしないと、データを取得できません.エラーも報告されません.

    <button form-type="submit">    </button>
</form>

//textarea.js
  bindFormSubmit: function(e) {
     console.log(e.detail.value.textarea)
  }
</code></pre> 
   <h2>overflow:hidden</h2> 
   <p>     position:relative，  overflow         position:absolute     </p> 
   <h2>    CSS  </h2> 
   <p>      style   ，    data     。</p> 
   <pre><code><!--wxml-->
<view class="block p3" style="left:{{p3left}}rpx; top:{{p3top}}rpx; transform:scale({{scale}})">

//.js
Page({
  //     
  data:{
    p3left:600,
    p3top:10,
    scale:0.8
  }
})
</view></code></pre> 
  </div> 
 </div> 
</div>
                            </div>
                        </div>