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 개발 과정 에서 발생 한 문제 에 관 한 내용 은 예전 의 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 저 희 를 많이 사랑 해 주세요!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
vue 개발 중 발생 한 문제 총화(1)Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Prop bei...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.