vue 여러 변수가 동시에 같은 값을 부여하여 서로 영향을 미친다
하나의 항목에 목록 billItemLists를 동적으로 렌더링해야 합니다. 목록에는 n조의 작은 목록이 포함되어 있습니다. 그 중에서 작은 목록의state_pj는 이 작은 목록의 라디오를 바꾸는 데 사용됩니다. 그래서:
<el-tabs tab-position="left" style="max-height:280px;">
<el-tab-pane v-for="(itema,index) in billItemLIsts" :key="itema.id" :label="itema.title" :value="itema.id">
<ul class="bill_set_ul">
<li v-for="(subitem,subindex) in itema.item" :key="subitem.id" :label="subitem.title" :value="subitem.id">
<div class="el-form-item__label">{{subitem.title}}:</div>
<div class="el-form-item__content" style="width:200px;margin-left: 100px;">
<el-radio-group v-model="subitem.state_pj" @change="changeSub(index,subindex)">
<el-radio :label="chargeIs"> </el-radio>
<el-radio :label="chargeNo"> </el-radio>
</el-radio-group>
</div>
</li>
</ul>
</el-tab-pane>
</el-tabs>
//
billItemLIsts: [],
//
billItemLIstsOriginal: [],다음은 바로 실제에 옮기는 것이다.
//
cancleChargeSet() {
this.billItemLIsts = this.billItemLIstsOriginal;
if(!this.chargeOpenIs){
this.chargingFunIs = 1;
}
},아무리 생각해도 그는 결코 자신의 역할을 발휘하지 못했다
이것은 Object가 값을 부여할 때 전달하는 것은 값이 아니라 인용이기 때문에 그들은 같은 공간을 가리킨다!
원인을 알아내면 착수할 수 있다
해결:
1.this.billItemLIsts = JSON.parse( JSON.stringify(this.billItemLIstsOriginal) );
2. 또는 ES6의 해석 구문this를 사용합니다.billItemLIsts = { ...this.billItemLIstsOriginal }
추가 정보: VUE(ES6) 내보내기 변수, 상수, 방법
lib.js 파일에서 export {인터페이스}를 사용하여 인터페이스를 내보냅니다. 괄호의 인터페이스 이름은 위에서 정의한 변수입니다.import와 export는 대응합니다.
//lib.js
let bar = "stringBar";
let foo = "stringFoo";
let fn0 = function() {
console.log("fn0");
};
let fn1 = function() {
console.log("fn1");
};
export{ bar , foo, fn0, fn1}
//main.js
import {bar,foo, fn0, fn1} from "./lib";
console.log(bar+"_"+foo);
fn0();
fn1();
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
