를 사용하여 A 뷰 구성 요소에서 Vuejs

Question

의 방법 내부 객체에 '이'키워드, 나는 같은 구문 오류가

methods: { 
    submitMethod() { 
    let objA = { 
     id: this.id, 
     this.anObject 
    } 
    } 
} 

그것은 제공

다음과 같은 방법이있다.

Vue.js의 메소드 객체에서 data() 또는 계산 된 것과 같이 정의 된 객체를 사용하는 방법은 무엇입니까?

한 가지 해결 방법은 objA 내부에 직접 this.anObject 사용하는 방법이있다, this.anObject는 지역 변수에 할당

submitMethod() { 
    let anObject = this.anObject 
    let objA = { 
     id: this.id, 
     anObject 
    } 
} 

다음과 같이 objA 내부에 그 변수를 사용 할 수 있다는 점이다 그러나?

Answer 1

같이해야한다, 당신이 그것을 사용할 수 있습니다

methods: { 
    submitMethod() { 
    let objA = { 
     id: this.id, 
     ...this.anObject 
    } 
    } 
} 

을 그렇지 않으면, 당신은 Object.assign 사용할 수 있습니다

methods: { 
    submitMethod() { 
    let objA = Object.assign(this.anObject, { 
     id: this.id, 
    }) 
    } 
} 

Answer 2

귀하의 JSON이 유효하지 않기 때문입니다. 당신이 개체 restSpread 연산자를 사용할 수있는 경우는

let objA = { 
    id: this.id, 
    anObject: this.anObject 
}