This repository has been archived on 2021-09-06. You can view files and clone it, but cannot push or open issues or pull requests.
2021-02-01 20:33:28 +01:00
|
|
|
<template>
|
2021-02-01 21:24:13 +01:00
|
|
|
<form @submit.prevent="submitData">
|
2021-02-01 20:33:28 +01:00
|
|
|
<div>
|
|
|
|
<label>Name: </label>
|
2021-02-01 21:24:13 +01:00
|
|
|
<input type="text" v-model="enteredName" />
|
2021-02-01 20:33:28 +01:00
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<label>Phone: </label>
|
2021-02-01 21:24:13 +01:00
|
|
|
<input type="tel" v-model="enteredPhone" />
|
2021-02-01 20:33:28 +01:00
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<label>Email: </label>
|
2021-02-01 21:24:13 +01:00
|
|
|
<input type="email" v-model="enteredEmail" />
|
2021-02-01 20:33:28 +01:00
|
|
|
</div>
|
|
|
|
<div><button>Add Contact</button></div>
|
|
|
|
</form>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2021-02-01 21:24:13 +01:00
|
|
|
export default {
|
|
|
|
emits: ["add-contact"],
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
enteredName: "",
|
|
|
|
enteredPhone: "",
|
|
|
|
enteredEmail: "",
|
|
|
|
};
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
submitData() {
|
|
|
|
const person = {
|
|
|
|
id: new Date().toISOString(),
|
|
|
|
name: this.enteredName,
|
|
|
|
phone: this.enteredPhone,
|
|
|
|
email: this.enteredEmail,
|
|
|
|
isFavorite: false,
|
|
|
|
};
|
|
|
|
this.$emit(
|
|
|
|
"add-contact",
|
|
|
|
person
|
|
|
|
//this.enteredPhone,
|
|
|
|
//this.enteredEmail
|
|
|
|
);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
2021-02-01 20:33:28 +01:00
|
|
|
</script>
|