vue 여러 변수가 동시에 같은 값을 부여하여 서로 영향을 미친다

우선, 이 항목은element-ui의 Tabs 라벨을 사용합니다.그리고 맥락은 자줏빛이다.
하나의 항목에 목록 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>
그러면 현재 목록 효과가 달성되었습니다. 그런데 거위라는 tab은dialog에 넣어야 하고 취소와 확정 작업이 존재합니다. 확정할 때 더 이상 말할 필요가 없습니다. 취소할 때 바뀐 라디오는 우리가 원하는 모습으로 변하지 않습니다.

// 
billItemLIsts: [], 
 // 
billItemLIstsOriginal: [],
맞아요. 이제 bill Item Lists는 그에 따라 어떻게 조작할 수 있어요. 왜냐하면 우리는bill Item Lists Original이 그의 최초의 모습을 기억하기 때문입니다.
다음은 바로 실제에 옮기는 것이다.

//  
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();
이상의 이 평론 vue는 여러 변수가 동시에 같은 값을 부여하여 서로 영향을 주는 것이 바로 편집자가 여러분에게 공유한 모든 내용입니다. 여러분께 참고가 되고 저희를 많이 사랑해 주시기 바랍니다.

좋은 웹페이지 즐겨찾기