vue 개발 중 발생 한 문제 총화

1483 단어 vue 개발질문
//작업 중 에 만난 것:
(1)Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "flag"
원인:하위 구성 요소 가 부모 구성 요소 의 속성 을 직접 변경 합 니 다.
해결 방법:$emit()로 부모 구성 요소 에 파 라 메 터 를 전달 할 수 있 는 파 라 메 터 를 직접 변경 할 수 없습니다.그리고 하위 구성 요소 에 연 결 된 부모 구성 요소 방법 에서 부모 구성 요소 속성 을 변경 할 수 있 습 니 다.
예:

//   
<map-china :flag="isShow" @on-change-flag="changeFlag"/>
//export default --> methods
changeFlag(val){
this.isShow = val;
}
//   
this.$emit('on-change-flag', val)
//학습 중 에 만난 것:
(1)echarts 에서 map 지도 전체 화면 에 그림 크기 가 변 하지 않 는 문 제 를 보 여 줍 니 다.
원인:echarts 는 이렇게 설정 되 어 있 지만 전체 화면 이 정체 되 어 전체 화면 뒤의 용기 크기 가 이전 크기 인지 크기 를 초기 화해 야 합 니 다.
해결 방법:

    echarts             , echarts    
myChart2.setOption({...});
    //       echarts       
 setTimeout(function (){
     window.onresize = function () {
          myChart2.resize();
          }
        },200)
      


myChart2.setOption({...});
 window.addEventListener("resize",function(){       
    myChart2.resize();
   })
vue 개발 과정 에서 발생 한 문제 에 대한 정 리 를 담 은 이 글 은 여기까지 소개 되 었 습 니 다.vue 개발 과정 에서 발생 한 문제 에 관 한 내용 은 예전 의 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 저 희 를 많이 사랑 해 주세요!

좋은 웹페이지 즐겨찾기