<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>