SI_ 쇼핑몰 예제 - 결제페이지

-SimpleApprovalList.vue

• 데이터 바인딩 정의

export default {
  // TODO: 데이터 바인딩 속성 정의
  data() {
    return {
      simpleOrder: null, // 주문 객체
      simpleApproval: null, // 결재 객체
      sono: this.$route.params.sono, // 주문번호
    };
  },

• 함수정의
  --> 주문 전체조회 함수

methods: {
    // TODO:  주문 전체조회 함수 : 화면이 뜰 때 실행
    async retriveSimpleOrder() {
      // TODO: 공통 주문 상세조회 서비스 하뭇 실행
      try {
        let respons = await SimpleOrderService.get(sono);
        // 로깅
        this.simpleOrder = respons.data; // 웹브라우저 콘솔탭
      } catch (e) {
        console.log(e); // 웹브라우저 콘솔탭
      }
    },