1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
| <template>
| <form @submit.prevent="submitData">
| <div>
| <label>Utente: </label>
| <input type="text" v-model="username">
| </div>
| <div>
| <label>Eta: </label>
| <input type="text" v-model="age">
| </div>
| <div>
| <button>Update</button>
| </div>
| </form>
| </template>
|
| <script>
| export default {
| data() {
| return {
| username: "",
| age: "",
| }
| },
| emits: ['update-user'],
| methods: {
| submitData() {
|
| if (this.username !== "" && this.age !== "") {
| this.$emit('update-user', this.username, this.age);
| } else {
| alert("insert data");
| }
|
| }
| }
| }
| </script>
|
|
