<p>저는 장바구니의 내용을 방해하지 않고 제품을 주문할 수 있는 온라인 상점을 만들고 있습니다. 제가 구현한 방법은 장바구니 품목과 개별 상품에 대한 페이지를 공유하는 것입니다. productID 매개변수가 설정되어 있는지 확인하고, 설정된 경우 다른 데이터를 사용합니다. </p> <p>이것은 제가 작성한 함수입니다: </p> <pre class="brush:js;toolbar:false;"> 제품: 함수() { if ( this.$route.query.pid ) { var 제품 = [{}] axios.get(`/api/products/${this.pid}`).then(응답 => { product[0].id = response.data[0].id 제품[0].name = 응답.데이터[0].name product[0].units = response.data[0].units product[0].image = response.data[0].product_image[0].image 제품[0].price = 응답.데이터[0].price 제품[0].수량 = 1 }) Object.ass(제품) 반환 } 또 다른 { this.$store.state.cart를 반환하세요. } } }, </pre> <p>이것은 데이터를 성공적으로 얻는 수명 주기 후크(beforeMount)입니다. </p> <pre class="brush:js;toolbar:false;"> console.log(this.products) } </pre> <p>이제 문제는 템플릿에서 제품 속성이 비어 있는 것으로 간주된다는 것입니다. 쿼리 매개변수 없이 페이지에 액세스하면 모든 것이 잘 작동하지만 개별 제품에 대해 계산된 데이터를 찾을 수 없습니다. </p> <p>이 문제를 어떻게 해결하나요? 도움을 주셔서 미리 감사드립니다! </p>