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

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

php是最好的语言

풀어 주다： 2018-08-02 13:48:44

원래의

1629명이 탐색했습니다.

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

data data update

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

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

로그인 후 복사

require

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

const util = require(&#39;../../utils/util.js&#39;)

로그인 후 복사

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>

로그인 후 복사