집 >위챗 애플릿 >미니 프로그램 개발 >요약—WeChat 미니 프로그램 개발 시 발생하는 몇 가지 문제
최근 소규모 프로그램 연습을 하고 있는데 제가 겪은 함정을 공유하고 싶습니다
this.data에 직접 값을 할당하면 뷰에 바인딩된 데이터를 업데이트할 수 없습니다. 데이터 불일치가 발생합니다
업데이트하려면 this.setData를 사용해야 합니다
this.data.key = value this.setData({ key: value })
절대 경로는 당분간 지원되지 않습니다
const util = require('../../utils/util.js')
정적을 사용할 수 없습니다 파일, base64 및 네트워크 이미지만
a1f02c36ba31691bcfe87b2722de723b로 해결 가능
background: #fff url(data:image/jpeg;base64,***) <image class="logo" src="/images/logo.png" mode="cover"></image>
app.wxss을 컴포넌트 내부에 적용할 수 없습니다
너 필요에 따라 가져오기를 인용할 수 있습니다. ""
@import "/app.wxss";
텍스트 영역의 기본 스타일은 고정된 너비를 갖습니다.
템플릿의 이벤트는 매개변수를 전달할 수 없습니다
event.currentTarget.dataset를 사용하여
<view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view> Page({ tapName(event) { console.log(event.currentTarget.dataset.hi) } })
animation을 직접 바인딩할 수 없습니다. 중간 구성 요소에서
는 89c662c6f8b87e82add978948dc499d2
<view animation={{animation}}> <my-component></my-component> </view>
checkbox-group 바인딩된 binChange 이벤트. checkbox 이벤트를 클릭하면 거품이 발생하여 외부 레이어도 클릭됩니다.
checkBox 주위에 뷰 레이어를 래핑하고 catch 이벤트를 추가합니다. the view
<checkbox-group bindchange="checkboxChange"> <view bindtap="bindTap"> <view catchtap='catchTap'"> <checkbox value="{{value}}" checked="{{checked}}"/> </view> </view> </checkbox-group>
관련 기사:
관련 동영상:
위 내용은 요약—WeChat 미니 프로그램 개발 시 발생하는 몇 가지 문제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!