요약—WeChat 미니 프로그램 개발 시 발생하는 몇 가지 문제

최근 소규모 프로그램 연습을 하고 있는데 제가 겪은 함정을 공유하고 싶습니다

data data update

• this.data에 직접 값을 할당하면 뷰에 바인딩된 데이터를 업데이트할 수 없습니다. 데이터 불일치가 발생합니다

• 업데이트하려면 this.setData를 사용해야 합니다

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

require

• 절대 경로는 당분간 지원되지 않습니다

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

• 텍스트 영역의 기본 스타일은 고정된 너비를 갖습니다.

이벤트 매개변수 전달

• 템플릿의 이벤트는 매개변수를 전달할 수 없습니다

• event.currentTarget.dataset를 사용하여

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

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

animation

• animation을 직접 바인딩할 수 없습니다. 중간 구성 요소에서

• 는

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

checkBox

• checkbox-group 바인딩된 binChange 이벤트. checkbox 이벤트를 클릭하면 거품이 발생하여 외부 레이어도 클릭됩니다.

• checkBox 주위에 뷰 레이어를 래핑하고 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!