39 lines
727 B
Vue
39 lines
727 B
Vue
<template>
|
|
<el-form>
|
|
<el-form-item label="Name">
|
|
<el-input v-model.trim="user.name" />
|
|
</el-form-item>
|
|
<el-form-item label="Email">
|
|
<el-input v-model.trim="user.email" />
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" @click="submit">Update</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
user: {
|
|
type: Object,
|
|
default: () => {
|
|
return {
|
|
name: '',
|
|
email: ''
|
|
}
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
submit() {
|
|
this.$message({
|
|
message: 'User information has been updated successfully',
|
|
type: 'success',
|
|
duration: 5 * 1000
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|