>  기사  >  위챗 애플릿  >  WeChat 미니 프로그램의 일반적인 개발 문제 요약

WeChat 미니 프로그램의 일반적인 개발 문제 요약

hzc
hzc앞으로
2020-06-20 10:34:332796검색

1. Coverview에서 강제 줄 바꿈

.wrap{
  word-break: break-all;
  word-wrap:break-word;
  white-space:pre-line;
}

2. IOS는 페이지 탄력 있는 고무줄 효과를 방지합니다.

// taro 为例
import Taro, { Component, Config } from '@tarojs/taro';

export default class HomePage extends Component {
    config: Config = {
        navigationBarTitleText: '首页',       
        disableScroll: true, // 这一句
    };
}

3. 구성 요소 간 통신 메서드 전송, taro의 메서드 이름은 on

container.js

import Child from 'child';

render(){
    return 548e7793df275d156d270cdda504ba19
        7e1e1a315965807cf569d682d475970e
    3d260b73c372472a96940693fb62cbcc
}

로 시작해야 합니다. child .js

handleClick(){
    this.props.onToggle();
}

render(){
    return c68356d7160bf99f638ed320e2f75ac6点击测试3d260b73c372472a96940693fb62cbcc
}

4. WeChat 미니 프로그램 지도

  • 사용자가 지도를 수동으로 확대/축소하면 지도가 초기 크기로 확대되는 경우 축척 값이 자동으로 변경되지 않습니다. 변경되지 않고 페이지가 실행되지 않습니다. 업데이트 이때 축척 값을 약간 변경하고 0.000001
state = {
    scale : 10
}

resetScale(){
    this.setState({
        scale:this.state.scale===10?10.00001:10
    })
}

render(){
    return (
        201feb6cf74270c7012e264715f05b29
    )
}
  • 과 같은 아주 작은 숫자를 추가하면 부정확한 지도 위치 문제를 해결해 볼 수 있습니다. gcj02 좌표 사용하기
Taro.getLocation({
    type:'gcj02' // 这里
})
.then(res=>{
    let { longitude, latitude } = res;
})

추천 튜토리얼: "WeChat Mini 프로그램

위 내용은 WeChat 미니 프로그램의 일반적인 개발 문제 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제