Commit 9beb162

committed

emit text input value up to parent

1 parent 9a5255c commit 9beb162Copy full SHA for 9beb162

File tree

+32

-10

lines changed

+32

-10

lines changed

Lines changed: 1 addition & 0 deletions

Lines changed: 26 additions & 9 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,18 +1,35 @@`
`1`	`1`	`<template>`
`2`	`2`	`<div>`
`3`		`- <b-form-input v-model="text" placeholder="Ingrese una nota"></b-form-input>`
	`3`	`+ <b-form v-on:submit.prevent="addNote">`
	`4`	`+ <b-form-input`
	`5`	`+ type="text"`
	`6`	`+ v-model="text"`
	`7`	`+ placeholder="Ingrese una nota"`
	`8`	`+ ></b-form-input>`
	`9`	`+ </b-form>`
`4`	`10`	`</div>`
`5`	`11`	`</template>`
`6`	`12`
`7`	`13`	`<script>`
`8`		`- export default {`
`9`		`- props: {`
`10`		`- text: String`
`11`		`- // },`
`12`		`- // data() {`
`13`		`- // return {`
`14`		`- // text: ''`
`15`		`- // }`
	`14`	`+import {v4 as uuidv4} from "uuid";`
	`15`	`+`
	`16`	`+export default {`
	`17`	`+ data() {`
	`18`	`+ return {`
	`19`	`+ text: ""`
	`20`	`+ };`
	`21`	`+ },`
	`22`	`+ methods: {`
	`23`	`+ addNote() {`
	`24`	`+ const newNote = {`
	`25`	`+ id: uuidv4(),`
	`26`	`+ text: this.text,`
	`27`	`+ complete: false`
	`28`	`+ };`
	`29`	`+`
	`30`	`+ // send up to parent`
	`31`	`+ this.$emit("add-note", newNote);`
`16`	`32`	`}`
`17`	`33`	`}`
	`34`	`+};`
`18`	`35`	`</script>`

Lines changed: 5 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,12 +1,15 @@`
`1`	`1`	`<template>`
`2`	`2`	`<div class="col-12">`
`3`	`3`	`<h3 class="m-2">{{title}}</h3>`
	`4`	`+ <TextInput/>`
`4`	`5`	`<List />`
`5`	`6`	`</div>`
`6`	`7`	`</template>`
`7`	`8`
`8`	`9`	`<script>`
`9`		`-import List from "@/components/List"`
	`10`	`+import TextInput from '@/components/TextInput.vue';`
	`11`	`+import List from "@/components/List";`
	`12`	`+`
`10`	`13`	`export default {`
`11`	`14`	`name: 'Home',`
`12`	`15`	`data() {`
`@@ -15,6 +18,7 @@ export default {`
`15`	`18`	`}`
`16`	`19`	`},`
`17`	`20`	`components: {`
	`21`	`+ TextInput,`
`18`	`22`	`List`
`19`	`23`	`}`
`20`	`24`	`}`

Comments

(0)