mypage/Menu2.vue 암호변경

팡태(❁´◡`❁)·2022년 2월 14일
0

3rd_20220124

목록 보기
25/29
<template>
    <div>
        <el-card class="fade-in-left">

            <h3>암호변경</h3>

            <el-form>
                <br />
                <el-form-item label="현재 암호: " label-width="120px">
                    <el-input type="password" v-model="state.pw" style="width:200px" /> <br />
                </el-form-item>
                <el-form-item label="변경 암호: " label-width="120px">
                    <el-input type="password" v-model="state.pw1" style="width:200px" /> <br />
                </el-form-item>
                <el-form-item label="변경 암호 확인: " label-width="120px">
                    <el-input type="password" v-model="state.pw2" style="width:200px" /> <br />
                </el-form-item>
                <el-form-item label="" label-width="120px">
                <el-button @click="handleUpdateAction">암호변경</el-button>
                </el-form-item>
            </el-form>
        </el-card>
    </div>
</template>

<script>
import { reactive } from 'vue';
import axios from 'axios';

export default {
    setup () {

        const state = reactive({
            pw   : '',
            pw1  : '',
            pw2  : '',
            token: sessionStorage.getItem("TOKEN")
        });

        const handleUpdateAction = async() => {
            if(state.token !== null) {
                const url = `/member/updatepw`;
                const headers = { 
                    "Content-Type": "application/json",
                    "token": state.token
                };
                const body = {
                    password : state.pw,
                    password1: state.pw1
                }
                const response = await axios.put(url, body, { headers })
                console.log(response.data);
                if(response.data.status === 200) {
                    alert('암호 변경 완료');
                }
            }
        }

    return { state, handleUpdateAction }
    }
}
</script>

<style lang="scss" scoped>
    @import url(../../assets/mystyle.css);
</style>

0개의 댓글