ItemContent.vue

팡태(❁´◡`❁)·2021년 12월 30일
0

vue2

목록 보기
17/26
<template>
    <div>
        <el-card class="fade-in-left" shadow="always">
            <h3>물품상세정보</h3>

            <el-row>
                <el-col :span="10">
                    <div class="grid-content bg-purple">
                        <img :src="item.image" style="width:400px;" /> <br />
                    </div>
                </el-col>

                <el-col :span="14">
                    <div class="grid-content bg-purple-light">
                        품명: {{item.name}} <br />
                        가격: {{item.price}}<br />
                        수량: {{item.quantity}}
                    </div>
                </el-col>
            </el-row>
        </el-card>
    </div>
</template>

<script>
    export default {
        created() {
            this.handleData();
        },
        
        data() {
            return {
                item: '',
                code: this.$route.query.code,
            }
        },
        methods: {
            async handleData() {
                const url = `/item/selectone?code=${this.code}`;
                const headers = {"Content-Type":"application/json"};

                const response = await this.axios.get(url, {headers: headers});
                console.log(response.data);


                if(response.data.status === 200) {
                    this.item = response.data.result;
                }
            }
        }
    }
</script>

<style scoped>

</style>

0개의 댓글